:root{--navy:#031a30;--navy2:#061f39;--gold:#e7b63d;--line:#1c4669;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:var(--navy);font-family:Arial,Helvetica,sans-serif;color:#fff;overflow-x:hidden}
button,input,select{font:inherit}.page{min-height:100vh}.shell{width:min(1460px,94vw);margin:auto}
.logo{width:clamp(190px,17vw,290px);height:auto;display:block;object-fit:contain}
.pill{background:rgba(3,26,48,.88);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:10px 15px}
/* CONNEXION — référence photo 1 */
.login{position:relative;min-height:100vh;background:#061b31 url("assets/connexion-reference.png") center/cover no-repeat}
.login:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,15,31,.10),rgba(0,15,31,.08) 52%,rgba(0,15,31,.50))}
.login-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:24px clamp(24px,4vw,70px)}
.login-card{position:relative;z-index:3;width:min(430px,90vw);margin:clamp(80px,10vh,150px) 7vw 50px auto;padding:28px;border-radius:24px;background:rgba(2,22,42,.88);border:1px solid rgba(231,182,61,.65);box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(16px)}
.login-card h1{font-size:38px;margin:0 0 6px}.login-card p{margin:0 0 20px;color:#d6e3ef}
.login-card label{display:block;margin:13px 0 6px;font-weight:700;font-size:13px}.login-card input{width:100%;padding:14px;border-radius:12px;border:1px solid #bed0e2;background:#f3f7fc;color:#07192b}
.login-btn{width:100%;margin-top:18px;padding:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#dca62a,#ffd96a);color:#061b31;font-weight:900;cursor:pointer}
.login-links{display:flex;justify-content:space-between;gap:14px;margin-top:15px;font-size:13px}.login-links a{color:#fff;text-decoration:none}
/* ACCUEIL — référence photo 2, sans menu redondant */
.home-head{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}
.home-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.logout{border-color:rgba(231,182,61,.5);cursor:pointer}
.hero{min-height:460px;background:
linear-gradient(90deg,rgba(1,15,30,.56),rgba(1,15,30,.10) 55%,rgba(1,15,30,.18)),
url("https://images.unsplash.com/photo-1524231757912-21f4fe3a7200?auto=format&fit=crop&w=2400&q=92") center 45%/cover no-repeat;
display:flex;align-items:center}
.hero-copy{padding:50px 0 140px}.hero h1{font-size:clamp(42px,5.2vw,76px);line-height:.98;max-width:760px;margin:0 0 18px;text-shadow:0 4px 22px rgba(0,0,0,.35)}.hero h1 em{font-style:normal;color:#f2c452}.hero p{font-size:clamp(15px,1.4vw,20px);letter-spacing:.18em;text-transform:uppercase}
.content{margin-top:-125px;position:relative;z-index:4;padding-bottom:50px}
.services{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.service{position:relative;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.24);text-decoration:none;color:#fff;background:#102a43;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,10,25,.92))}
.service .txt{position:absolute;z-index:2;left:16px;right:12px;bottom:14px}.service b{font-size:18px}.service small{display:block;margin-top:5px;color:#d9e7f4;line-height:1.25}.count{margin-top:8px;font-size:12px}.count strong{font-size:27px;margin-right:5px}
.live{display:grid;grid-template-columns:1.45fr repeat(6,1fr);margin-top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(4,29,52,.94)}
.live>div{padding:18px 12px;text-align:center;border-right:1px solid #173d5d}.live>div:last-child{border-right:0}.live-title{text-align:left!important;font-weight:800}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#1ff2a0;box-shadow:0 0 12px #1ff2a0;margin-right:8px}
.section-title{font-size:27px;margin:34px 0 14px}.destinations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.destination{position:relative;height:185px;border-radius:16px;overflow:hidden;border:1px solid #1e527b}.destination img{width:100%;height:100%;object-fit:cover}.destination:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,15,31,.94))}.destination .dtext{position:absolute;z-index:2;left:13px;bottom:12px}.destination b{font-size:18px}.destination small{display:block;color:#d6e3ef}
@media(max-width:1250px){.services{grid-template-columns:repeat(4,1fr)}.destinations{grid-template-columns:repeat(3,1fr)}.live{grid-template-columns:repeat(3,1fr)}.live-title{grid-column:1/-1;text-align:center!important}}
@media(max-width:780px){.services{grid-template-columns:repeat(2,1fr)}.destinations{grid-template-columns:repeat(2,1fr)}.live{grid-template-columns:repeat(2,1fr)}.content{margin-top:-70px}.hero-copy{padding-bottom:100px}.login-card{margin:90px auto 40px}.home-head{height:auto;padding:12px 0;align-items:flex-start}.home-tools{max-width:55%}}
@media(max-width:500px){.services,.destinations,.live{grid-template-columns:1fr}.service{min-height:190px}.home-tools{max-width:none}.home-head{flex-direction:column}.content{margin-top:-40px}}