*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --v:#22301e;--vm:#5f7f55;--vl:#e3ebdd;--vp:#f4efe2;
  --b:#3d5a80;--bl:#e8eef5;
  --s:#6a2d4c;--sl:#f3e8ee;
  --g:#5f7f55;--gl:#e3ebdd;
  --txt:#1f2a22;--mu:#5f6a62;--qu:#828a80;
  --bg:#f4efe2;--wh:#fff;--br:#d6cfbe;
  --r:12px;
}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans','Inter',sans-serif;background:var(--bg);color:var(--txt);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;}

/* Header */
.header{background:var(--v);padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.header-brand{font-size:1.1rem;font-weight:700;color:#fff;}
.header-sub{font-size:0.72rem;color:rgba(255,255,255,0.6);margin-top:1px;}
.header-save{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.8);border-radius:8px;padding:0.4rem 0.8rem;font-size:0.8rem;cursor:pointer;font-family:'DM Sans','Inter',sans-serif;}
.header-save:hover{background:rgba(255,255,255,0.2);}
.header-actions{display:flex;flex-direction:column;gap:0.35rem;flex-shrink:0;}

/* Progression */
.progress-bar{height:3px;background:rgba(255,255,255,0.15);position:sticky;top:56px;z-index:99;}
.progress-fill{height:100%;background:var(--s);transition:width 0.4s ease;}

/* Sections */
.section{display:none;min-height:calc(100vh - 59px);padding:1.5rem 1.2rem 5rem;}
.section.active{display:block;}
@media(min-width:600px){.section{max-width:640px;margin:0 auto;padding:2rem 1.5rem 5rem;}}

/* Couverture */
.cover{min-height:calc(100vh - 59px);display:flex;align-items:center;padding:56px 24px 96px;background:var(--v);position:relative;overflow:hidden;margin:-1.5rem 0 0 calc(50% - 50vw);width:100vw;}
@media(min-width:600px){.cover{margin-top:-2rem;padding:72px 40px 110px;}}
.cover::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(106,45,76,0.35) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 10% 90%,rgba(235,228,214,0.12) 0%,transparent 60%);}
.cover-inner{position:relative;max-width:560px;margin:0 auto;width:100%;}
.cover-logo{display:block;width:160px;height:160px;border-radius:50%;margin:0 0 28px;box-shadow:0 0 0 1px rgba(244,239,226,0.15);}
.cover-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.6rem,9vw,4.2rem);font-weight:300;color:#f4efe2;line-height:0.98;letter-spacing:-0.02em;}
.cover-title em{font-style:italic;color:rgba(244,239,226,0.6);}
.cover-kicker{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.35rem;font-style:italic;color:#b4c9a9;margin-top:22px;line-height:1.4;}
.cover-sub{font-size:0.98rem;color:rgba(244,239,226,0.6);margin-top:14px;line-height:1.8;}
.cover-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(244,239,226,0.14);}
@media(min-width:600px){.cover-facts{grid-template-columns:repeat(4,1fr);}}
.cover-fact{font-size:12px;color:rgba(244,239,226,0.55);line-height:1.4;}
.cover-fact span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:300;color:#f4efe2;line-height:1;margin-bottom:5px;}
.cover-foot{font-size:12px;color:rgba(244,239,226,0.45);margin-top:22px;}
.cover .btn-primary{background:#f4efe2;color:var(--v);margin-top:28px;}
.cover .btn-primary:hover{background:#fff;}
.cover-privacy{font-size:.78rem;color:rgba(244,239,226,0.45);line-height:1.55;margin-top:16px;}
.asrs-shade{background:var(--vl);}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.9rem 1.8rem;border-radius:999px;font-family:'DM Sans','Inter',sans-serif;font-size:0.95rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:all .25s;width:100%;}
.btn-primary{background:var(--v);color:#fff;}
.btn-primary:hover{background:#162013;}
.btn-secondary{background:var(--wh);color:var(--v);border:1.5px solid var(--br);}
.btn-secondary:hover{background:var(--vp);}
.btn-salmon{background:var(--s);color:#fff;}
.btn-salmon:hover{background:#521f39;}
@media(min-width:400px){.btn{width:auto;}}

/* En-tête de section */
.sec-header{margin-bottom:1.5rem;}
.sec-badge{display:block;font-size:0.85rem;font-weight:500;color:var(--s);margin-bottom:0.5rem;}
.sec-title{font-size:1.3rem;font-weight:600;color:var(--txt);letter-spacing:-0.02em;line-height:1.2;margin-bottom:0.4rem;}
.sec-desc{font-size:0.9rem;color:var(--mu);line-height:1.7;}

/* Champs */
.field{margin-bottom:1.2rem;}
.field-hint{font-size:0.85rem;color:var(--mu);line-height:1.65;margin:0 0 0.8rem;}
button:focus-visible,a:focus-visible{outline:3px solid var(--vm);outline-offset:3px;}
.likert-opt,.surcharge-opt{font-family:inherit;}
.likert-opt[aria-pressed="true"],.surcharge-opt[aria-pressed="true"]{font-weight:600;}
.likert-opts,.surcharge-opts{grid-template-columns:repeat(2,minmax(0,1fr));}
.likert-opts button:last-child,.surcharge-opts button:last-child{grid-column:1 / -1;}
.qanswer input{display:block!important;accent-color:var(--vm);flex-shrink:0;}
.field-label{display:block;font-size:0.85rem;font-weight:500;color:var(--txt);margin-bottom:0.5rem;line-height:1.5;}
.field-label.required::after{content:' *';color:var(--s);}
.field-input{width:100%;padding:0.8rem 1rem;border:1.5px solid var(--br);border-radius:var(--r);font-family:'DM Sans','Inter',sans-serif;font-size:1rem;color:var(--txt);background:var(--wh);outline:none;transition:border-color .2s;}
.field-input:focus{border-color:var(--vm);}
.field-input::placeholder{color:var(--qu);}
textarea.field-input{resize:vertical;min-height:100px;line-height:1.65;}
select.field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23828094' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;}

/* Options radio style boutons */
.radio-group{display:flex;flex-direction:column;gap:0.5rem;}
.radio-opt{display:flex;align-items:center;gap:0.8rem;padding:0.75rem 1rem;border:1.5px solid var(--br);border-radius:var(--r);cursor:pointer;transition:all .2s;background:var(--wh);}
.radio-opt:hover{border-color:var(--vm);background:var(--vp);}
.radio-opt input[type="radio"]{accent-color:var(--vm);width:16px;height:16px;flex-shrink:0;}
.radio-opt span{font-size:0.92rem;color:var(--mu);line-height:1.4;}
.radio-opt.selected{border-color:var(--vm);background:var(--vp);}
.radio-opt.selected span{color:var(--v);font-weight:500;}

/* QF likert */
.likert-item{margin-bottom:1rem;padding:1rem;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);}
.likert-question{font-size:0.9rem;font-weight:500;color:var(--txt);margin-bottom:0.8rem;line-height:1.5;}
.likert-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.4rem;}
.likert-opt{display:flex;flex-direction:column;align-items:center;gap:0.3rem;padding:0.5rem 0.2rem;border:1.5px solid var(--br);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--bg);}
.likert-opt:hover{border-color:var(--vm);}
.likert-opt input{display:none;}
.likert-opt span{font-size:0.72rem;color:var(--qu);text-align:center;line-height:1.3;}
.likert-opt.selected{background:var(--vl);border-color:var(--vm);}
.likert-opt.selected span{color:var(--vm);font-weight:600;}

/* Surcharge */
.surcharge-item{margin-bottom:0.8rem;padding:0.9rem 1rem;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);}
.surcharge-q{font-size:0.88rem;color:var(--txt);margin-bottom:0.7rem;line-height:1.5;}
.surcharge-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.3rem;}
.surcharge-opt{padding:0.45rem 0.2rem;border:1.5px solid var(--br);border-radius:8px;cursor:pointer;text-align:center;font-size:0.7rem;color:var(--qu);transition:all .2s;background:var(--bg);line-height:1.3;}
.surcharge-opt:hover{border-color:var(--b);}
.surcharge-opt.sel{background:var(--bl);border-color:var(--b);color:var(--b);font-weight:600;}
.surcharge-score-block{margin-top:1rem;padding:0.9rem 1rem;background:var(--vp);border-radius:var(--r);text-align:center;}
.surcharge-score-val{font-size:1.8rem;font-weight:700;color:var(--v);}
.surcharge-score-label{font-size:0.82rem;color:var(--mu);}

/* Tests grid */
.tests-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-top:0.5rem;}
.test-card{border:1.5px solid var(--br);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .2s;background:var(--wh);}
.test-card:hover{border-color:var(--vm);box-shadow:0 4px 16px rgba(34,48,30,0.1);}
.test-card.done{border-color:var(--g);}
.test-card.paused{cursor:default;opacity:0.7;}
.test-card-top{padding:0.6rem 0.8rem;color:#fff;font-size:0.85rem;font-weight:700;}
.test-card-body{padding:0.8rem;}
.test-card-name{font-size:0.78rem;font-weight:600;color:var(--txt);margin-bottom:0.2rem;line-height:1.3;}
.test-card-info{font-size:0.72rem;color:var(--qu);}
.test-card-status{margin-top:0.5rem;font-size:0.72rem;font-weight:500;color:var(--qu);}
.test-card.done .test-card-status{color:var(--g);}

/* Test panel overlay */
.test-panel{display:none;position:fixed;inset:0;background:var(--bg);z-index:200;overflow-y:auto;}
.test-panel.active{display:block;}
.test-panel-header{background:var(--v);padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;}
.test-panel-title{font-size:0.95rem;font-weight:600;color:#fff;}
.test-panel-back{background:rgba(255,255,255,0.15);border:none;color:#fff;padding:0.4rem 0.9rem;border-radius:20px;font-size:0.82rem;cursor:pointer;font-family:'DM Sans','Inter',sans-serif;}
.test-panel-body{padding:1rem 1.2rem 4rem;max-width:640px;margin:0 auto;}
.test-progress{font-size:0.8rem;color:var(--qu);text-align:center;padding:0.8rem;background:var(--wh);border-bottom:1px solid var(--br);position:sticky;top:56px;}
.qcard{padding:1rem;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);margin-bottom:0.8rem;}
.qcard-num{font-size:0.72rem;color:var(--qu);margin-bottom:0.4rem;}
.qcard-text{font-size:0.9rem;color:var(--txt);margin-bottom:0.8rem;line-height:1.55;}
.qanswers{display:flex;flex-direction:column;gap:0.4rem;}
.qanswer{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 0.8rem;border:1.5px solid var(--br);border-radius:8px;cursor:pointer;transition:all .15s;}
.qanswer:hover{border-color:var(--vm);background:var(--vp);}
.qanswer.sel{border-color:var(--vm);background:var(--vl);}
.qanswer input{display:none;}
.qanswer span{font-size:0.85rem;color:var(--mu);}
.qanswer.sel span{color:var(--v);font-weight:500;}
.test-submit-btn{width:100%;padding:0.9rem;background:var(--v);color:#fff;border:none;border-radius:999px;font-family:'DM Sans','Inter',sans-serif;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;}
.test-submit-btn:hover{background:#162013;}
.test-result{display:none;text-align:center;padding:1.5rem;background:var(--vp);border-radius:var(--r);margin-top:1rem;}
.test-result-score{font-size:2.5rem;font-weight:700;color:var(--v);}
.test-result-label{font-size:0.9rem;color:var(--mu);margin-top:0.3rem;}

/* NAV BOTTOM */
.nav-bottom{position:fixed;bottom:0;left:0;right:0;background:var(--wh);border-top:1px solid var(--br);padding:0.8rem 1.2rem;display:flex;gap:0.8rem;z-index:100;}
.nav-bottom .btn{flex:1;}
@media(min-width:600px){.nav-bottom{max-width:640px;margin:0 auto;left:50%;transform:translateX(-50%);border-radius:var(--r) var(--r) 0 0;}}

/* Section score */
.score-card{background:var(--vp);border:1px solid var(--br);border-radius:var(--r);padding:1rem 1.2rem;margin-bottom:0.8rem;display:flex;justify-content:space-between;align-items:center;}
.score-card-name{font-size:0.9rem;font-weight:600;color:var(--txt);}
.score-card-val{font-size:1.4rem;font-weight:700;color:var(--v);text-align:right;}
.score-card-val small{display:block;font-size:0.72rem;font-weight:400;color:var(--qu);}
.score-card.done .score-card-val{color:var(--g);}

/* RGPD */
.rgpd-block{background:var(--bl);border-radius:var(--r);padding:1rem 1.2rem;margin-bottom:1.5rem;font-size:0.82rem;color:#3a4a60;line-height:1.7;}
.rgpd-block a{color:var(--b);}

/* Confirmation */
.confirm-icon{font-size:3rem;margin-bottom:1rem;}
.ref-code{font-size:2rem;font-weight:700;color:var(--v);letter-spacing:0.12em;background:var(--vp);padding:0.8rem 1.2rem;border-radius:var(--r);display:inline-block;margin:0.8rem 0;}

/* Divider */
.divider{border:none;border-top:1px solid var(--br);margin:1.5rem 0;}

/* Note box */
.note-box{background:var(--sl);border-left:3px solid var(--s);border-radius:0 var(--r) var(--r) 0;padding:0.8rem 1rem;font-size:0.85rem;color:var(--mu);line-height:1.65;margin-bottom:1.2rem;}

@media(prefers-reduced-motion:reduce){*{transition:none !important;}}
.footer{padding:1.5rem 1.2rem 6rem;max-width:640px;margin:0 auto;font-size:.72rem;color:var(--qu);line-height:1.6;}
.section#sec-0{padding-bottom:0;}
a.test-card{text-decoration:none;color:inherit;display:block;}
a.test-card .test-card-status{color:var(--vm);}