:root{--dark:#0e292c;--dark-2:#17383b;--mint:#dff2df;--lime:#ddff77;--coral:#ff806b;--white:#f8f8f2;--muted:#9bb5b3;--line:rgba(223,242,223,.16)}
body{background:var(--dark);color:var(--white)}
.site-header{position:sticky;z-index:50;top:0;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.08)}.c-nav{max-width:1180px;min-height:84px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.c-logo{font-size:25px;font-weight:900;letter-spacing:-.06em}.c-logo span{color:var(--coral)}.c-menu{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:800}.c-menu a[aria-current="page"]:not(.menu-primary){color:var(--lime)}.c-menu .menu-primary{padding:12px 17px;border-radius:100px;background:var(--coral);color:var(--dark)}.c-social-link{display:inline-flex;color:inherit}.c-social-link:hover{color:var(--coral)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--white);cursor:pointer}.menu-toggle-icon,.menu-toggle-icon:before,.menu-toggle-icon:after{display:block;width:23px;height:2px;background:currentColor}.menu-toggle-icon{position:relative}.menu-toggle-icon:before,.menu-toggle-icon:after{content:"";position:absolute;left:0}.menu-toggle-icon:before{top:-7px}.menu-toggle-icon:after{top:7px}
.portal-main{min-height:65vh}.portal-shell{width:min(1120px,calc(100% - 40px));margin:auto}.portal-hero{padding:85px 0 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}.portal-label{display:inline-block;padding:7px 11px;border-radius:30px;background:var(--lime);color:var(--dark);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.portal-hero h1{font-size:clamp(50px,7vw,86px);line-height:.91;letter-spacing:-.06em;margin:24px 0}.portal-hero h1 span{color:var(--lime)}.portal-lead{max-width:700px;color:#b7ccca;font-size:18px;line-height:1.65}.portal-panel{background:var(--dark-2);border:1px solid var(--line);border-radius:18px;padding:25px}.portal-panel h2{font-size:21px;margin:0 0 18px}.portal-panel ul{margin:0;padding:0;list-style:none}.portal-panel li{padding:11px 0;border-top:1px solid var(--line);color:#c6d7d5;font-size:14px}.portal-panel li:before{content:"✓";margin-right:10px;color:var(--lime);font-weight:900}
.portal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;border:0;border-radius:100px;background:var(--coral);color:var(--dark);font-weight:900;cursor:pointer}.portal-button.secondary{background:transparent;color:var(--white);border:1px solid #587173}.portal-button:disabled,.portal-button.disabled{cursor:not-allowed;opacity:.55}.portal-note{display:block;margin-top:13px;color:#799594;font-size:12px;line-height:1.5}
.portal-section{padding:80px 0;background:var(--mint);color:var(--dark)}.portal-section.light{background:var(--white)}.portal-section.dark{background:var(--dark);color:var(--white)}.portal-heading{max-width:760px;margin-bottom:38px}.portal-heading h2{font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.05em;margin:0 0 15px}.portal-heading p{line-height:1.65;color:#60716f}.portal-section.dark .portal-heading p{color:var(--muted)}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.offers-grid{grid-template-columns:repeat(2,1fr)}.portal-card{background:var(--white);color:var(--dark);border-radius:16px;padding:25px;border:1px solid rgba(14,41,44,.12)}.portal-card.dark{background:var(--dark-2);color:var(--white);border-color:var(--line)}.portal-card.featured{box-shadow:inset 0 4px var(--coral)}.portal-card h2,.portal-card h3{margin:0 0 12px}.portal-card p,.portal-card li{font-size:14px;line-height:1.6;color:#60716f}.portal-card.dark p,.portal-card.dark li{color:#b7ccca}.portal-card ul{padding-left:18px}.portal-price{display:block;margin:20px 0 4px;font-size:39px;font-weight:900;letter-spacing:-.05em}.portal-price-note{font-size:11px;color:#6f8582}.portal-card .portal-button{width:100%;margin-top:20px}.portal-badge{display:inline-block;margin-bottom:18px;padding:6px 9px;border-radius:20px;background:var(--lime);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-badge-promo{background:var(--coral)}.portal-price-old{margin-right:8px;font-size:20px;font-weight:700;color:#9bb5b3;text-decoration:line-through}
.status-spaced,.auth-message{margin-top:20px}.status-box{border-radius:16px;padding:24px;background:var(--coral);color:var(--dark)}.status-box strong{display:block;font-size:22px;margin-bottom:8px}.status-box p{margin:0;line-height:1.55}.status-box.neutral{background:var(--mint)}
.auth-wrap{width:min(500px,calc(100% - 32px));margin:70px auto 100px}.auth-card{background:var(--white);color:var(--dark);border-radius:20px;padding:32px}.auth-card h1{font-size:39px;letter-spacing:-.04em;margin:10px 0}.auth-card p{color:#60716f;line-height:1.55}.field{display:grid;gap:7px;margin:20px 0}.field label{font-size:12px;font-weight:900}.field input{min-height:50px;border:1px solid #b9c9c6;border-radius:10px;padding:0 14px;font:inherit}.auth-card .portal-button{width:100%}
.auth-card .portal-button.secondary{color:var(--dark);border-color:#879997}
.member-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.release{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid rgba(14,41,44,.12)}.release small{display:block;color:#70827f;margin-top:4px}
.legal-content{width:min(820px,calc(100% - 40px));margin:auto;padding:70px 0 100px}.legal-content h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.055em}.legal-content h2{margin-top:40px}.legal-content p,.legal-content li{color:#b7ccca;line-height:1.75}.legal-alert{padding:18px;border-radius:12px;background:var(--coral);color:var(--dark)!important;font-weight:800}
.site-footer{background:#091f21;border-top:1px solid rgba(255,255,255,.1)}.site-footer-inner{max-width:1120px;margin:auto;padding:40px 25px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px}.site-footer a:hover{color:var(--lime)}
.tuto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tuto-card{background:var(--white);color:var(--dark);border-radius:16px;overflow:hidden;border:1px solid rgba(14,41,44,.12)}.tuto-card-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--dark)}.tuto-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:.3s transform,.3s opacity}.tuto-card-thumb:hover img{transform:scale(1.04);opacity:1}.tuto-card-thumb span{position:absolute;inset:0;display:grid;place-items:center}.tuto-card-thumb i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(14,41,44,.75);color:#fff;font-size:20px;font-style:normal;padding-left:3px}.tuto-card-body{padding:20px}.tuto-card-body h3{margin:0 0 8px;font-size:17px}.tuto-card-body p{margin:0;font-size:13px;line-height:1.55;color:#60716f}
@media(max-width:850px){.tuto-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tuto-grid{grid-template-columns:1fr}}
@media(max-width:850px){.portal-hero{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr 1fr}.menu-toggle{position:relative;z-index:2;display:flex;padding:10px}.c-logo{position:relative;z-index:2}.c-menu{position:fixed;z-index:1;inset:0;display:none;flex-direction:column;align-items:stretch;justify-content:center;padding:95px 24px 35px;background:var(--dark)}.menu-open{overflow:hidden}.menu-open .c-menu{display:flex}.menu-open .c-menu a{display:flex;justify-content:space-between;padding:17px 4px;border-bottom:1px solid var(--line);font-size:27px}.menu-open .c-menu .menu-primary{justify-content:center;margin-top:18px;border:0;font-size:16px}.menu-open .menu-toggle-icon{background:transparent}.menu-open .menu-toggle-icon:before{top:0;transform:rotate(45deg)}.menu-open .menu-toggle-icon:after{top:0;transform:rotate(-45deg)}.member-summary{grid-template-columns:1fr}}
@media(max-width:600px){.portal-hero{padding:55px 0}.portal-hero h1{font-size:clamp(38px,11vw,46px);text-wrap:balance}.portal-grid{grid-template-columns:1fr}.portal-section{padding:60px 0}.portal-actions{flex-direction:column}.portal-button{width:100%}.site-footer-inner{display:grid}.auth-card{padding:24px}.release{display:grid}.release .portal-button{width:100%}}

/* Espace membre connecté */
.portal-text-button,.menu-link-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.portal-text-button{display:block;margin:16px auto 0;color:#385c5d}.auth-separator{display:flex;align-items:center;gap:12px;margin:26px 0 18px;color:#70827f;font-size:11px;font-weight:900;text-transform:uppercase}.auth-separator:before,.auth-separator:after{content:"";height:1px;flex:1;background:#cbd7d5}.status-box.error{background:#ffd2ca}.member-hero{padding-bottom:55px}.member-details{margin:0}.member-details div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.member-details dt{color:var(--muted)}.member-details dd{margin:0;font-weight:900}.devices-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device-card{display:grid;gap:6px;padding:20px;border:1px solid rgba(14,41,44,.14);border-radius:14px;background:#fff}.device-card span{color:#60716f;font-size:13px}.download-progress{display:grid;gap:8px;margin:18px 0 0}.download-progress progress{width:100%;accent-color:var(--coral)}.download-progress span{font-size:12px;color:#60716f}
.payment-feedback{margin:8px 0 12px;padding:12px 14px;border-radius:10px;background:var(--mint);color:#385c5d;font-size:13px;line-height:1.45}.payment-feedback.error{background:#ffd2ca;color:#74382f}.member-plan #buy-directo+.portal-button{margin-top:10px}.price-button{justify-content:space-between;gap:14px;text-align:left}.price-chip{flex:none;display:inline-flex;align-items:baseline;gap:3px;padding:6px 12px;border-radius:100px;background:var(--dark);color:var(--white);font-size:13px;font-weight:900;letter-spacing:-.01em}.price-chip-unit{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;opacity:.65}.device-addon-purchase{margin-top:auto;padding-top:14px;border-top:1px solid rgba(14,41,44,.12)}.device-addon-warning,.install-guide{margin:0 0 12px;padding:12px 14px;border-radius:10px;font-size:12.5px;line-height:1.5}.device-addon-warning strong,.install-guide strong{display:block;margin-bottom:4px}.device-addon-warning p,.install-guide p{margin:0}.device-addon-warning ol,.install-guide ol{margin:9px 0 0;padding-left:18px}.device-addon-warning li,.install-guide li{margin:4px 0}.device-addon-warning{background:#ffd2ca;color:#74382f}.device-addon-warning li:last-child{font-weight:800}.install-guide{background:var(--mint);color:#385c5d;margin-top:16px}.install-guide-shots{display:flex;gap:8px;margin-top:10px}.install-guide-shot-btn{border:0;padding:0;background:transparent;cursor:zoom-in;display:block}.install-guide-shots img{width:110px;height:auto;border-radius:6px;border:1px solid rgba(14,41,44,.15);display:block}.lightbox-overlay{position:fixed;inset:0;background:rgba(14,41,44,.85);display:flex;align-items:center;justify-content:center;padding:24px;z-index:200;cursor:zoom-out}.lightbox-overlay img{max-width:min(90vw,600px);max-height:90vh;border-radius:10px;display:block;box-shadow:0 20px 60px rgba(0,0,0,.4)}
@media(max-width:850px){.devices-list{grid-template-columns:1fr}.menu-link-button{text-align:left;padding:17px 4px;border-bottom:1px solid var(--line);font-size:27px}}

/* Mise en page de l'espace membre */
.member-hero{grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center;padding:64px 0 58px}
.member-hero h1{margin:18px 0;font-size:clamp(42px,5vw,68px);line-height:1}
.member-hero h1 span{display:block;margin-top:10px;font-size:clamp(25px,3vw,40px);line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
.member-hero .portal-lead{max-width:760px}
.member-hero .portal-panel{padding:28px 30px}
.member-details div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:16px;padding:14px 0}
.member-details dt{font-size:13px}
.member-details dd{text-align:right}
.member-summary .portal-card{display:flex;flex-direction:column;min-height:330px}
.member-summary .portal-card .portal-button{margin-top:auto}
.portal-card .portal-button.secondary{color:var(--dark);border-color:#879997}
@media(max-width:850px){.member-hero{grid-template-columns:1fr;gap:28px}.member-hero .portal-panel{width:100%}}
@media(max-width:600px){.member-hero{padding:46px 0}.member-details div{grid-template-columns:1fr auto}.member-summary .portal-card{min-height:0}}

/* Tableau de bord membre sur un écran */
[hidden]{display:none!important}
body[data-auth-page="member"]{min-height:100vh;display:flex;flex-direction:column}
body[data-auth-page="member"] #member-content{flex:1;min-height:0;background:linear-gradient(145deg,var(--dark) 0%,#113538 100%)}
body[data-auth-page="member"] .site-footer{margin-top:auto}
body[data-auth-page="member"] .site-footer-inner{padding:18px 25px}
.member-dashboard{padding:34px 0 30px}
.member-welcome{display:grid;grid-template-columns:minmax(0,1fr) 510px;gap:38px;align-items:center;margin-bottom:24px}
.member-welcome h1{margin:13px 0 8px;font-size:clamp(34px,3.7vw,54px);line-height:1;letter-spacing:-.045em}
.member-welcome h1 span{color:var(--lime);font-size:clamp(25px,2.7vw,38px);line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere}
.member-welcome p{max-width:720px;margin:0;color:#b7ccca;font-size:15px;line-height:1.5}
.member-access{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055)}
.member-access-title{display:block;margin-bottom:8px;font-size:15px;font-weight:900}
.member-access .member-details{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.member-access .member-details div{display:block;padding:10px 14px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.member-access .member-details div:first-child{border-left:0;padding-left:0}
.member-access .member-details dt{margin-bottom:5px;font-size:11px}
.member-access .member-details dd{text-align:left;font-size:14px}
.member-cards{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:16px;align-items:start}
.member-cards .portal-card{display:flex;flex-direction:column;min-width:0;min-height:285px;padding:23px}
.member-cards .portal-card h2{font-size:23px}
.member-cards .portal-card p{margin:0 0 12px}
.member-cards .portal-card .portal-badge{align-self:flex-start;margin-bottom:14px}
.member-cards .portal-card .portal-button{margin-top:auto}
.member-cards .portal-note{margin-top:10px}
.member-devices-card .devices-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto;max-height:142px;overflow:auto}
.member-devices-card .device-card{padding:13px 15px}
@media(max-width:1000px){.member-welcome{grid-template-columns:1fr 420px}.member-cards{grid-template-columns:1fr 1fr}.member-devices-card{grid-column:1/-1;min-height:0!important}.member-devices-card .devices-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){body[data-auth-page="member"]{display:block}.member-welcome{grid-template-columns:1fr}.member-cards{grid-template-columns:1fr}.member-devices-card{grid-column:auto}.member-devices-card .devices-list{grid-template-columns:1fr}.member-cards .portal-card{min-height:0}}
@media(max-width:600px){.member-dashboard{padding:28px 0}.member-access .member-details{grid-template-columns:1fr}.member-access .member-details div,.member-access .member-details div:first-child{display:grid;grid-template-columns:1fr auto;padding:9px 0;border-left:0}.member-access .member-details dt{margin:0}.member-access .member-details dd{text-align:right}}
@media(min-width:851px) and (max-height:800px){.member-dashboard{padding:22px 0}.member-welcome{margin-bottom:16px}.member-welcome h1{margin:9px 0 6px}.member-cards .portal-card{min-height:250px;padding:19px}body[data-auth-page="member"] .site-footer-inner{padding:12px 25px}}