:root { --ink:#12212b; --accent:#126e82; --paper:#f6fafb; --line:#dce9ec; } *{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font:16px system-ui,sans-serif} header{max-width:1050px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none}nav{display:flex;gap:20px}a{color:var(--accent)}main{max-width:1050px;margin:30px auto;padding:0 28px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 8px 30px #1134420d}.auth{max-width:540px;margin:auto}h1{margin:0 0 8px;font-size:2rem}label{display:block;margin:16px 0 0;font-weight:650}input,select{display:block;width:100%;margin-top:6px;border:1px solid #b6cbd0;border-radius:8px;padding:11px;font:inherit}ul.errorlist{color:#a82424;padding-left:18px;font-size:.9rem}button,.button{display:inline-block;margin-top:22px;padding:12px 18px;border:0;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.divider{text-align:center;color:#698087;margin:25px 0 15px}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.social{padding:10px;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:650}.google{border-color:#4285f4}.facebook{border-color:#1877f2}.linkedin{border-color:#0a66c2}.muted{color:#698087}.hero{padding:45px 0;max-width:680px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:#fff;padding:22px;border-radius:14px;border:1px solid var(--line)}.grid h2{margin:0}.grid p{margin-bottom:0;color:#698087}.survey-hero{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:32px 0 20px}.survey-hero>div:first-child{max-width:650px}.survey-hero p:not(.eyebrow){font-size:1.1rem;color:#526c73;line-height:1.6}.progress-orb{width:130px;height:130px;flex:none;border:10px solid #cbe7dc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.progress-orb strong{font-size:2rem}.progress-orb span{font-size:.78rem;color:#587078}.progress-track{height:7px;border-radius:9px;background:#dce9ec;margin-bottom:30px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,#0d7f78,#6ecf9c);border-radius:inherit}.survey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.survey-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:230px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.survey-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #123c4520}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;background:#e5f2f4;color:#126e82;font-weight:800}.status{font-size:.78rem;color:#698087}.survey-card h2{font-size:1.18rem;margin:24px 0 8px}.survey-card p{color:#637a80;line-height:1.45;margin:0}.card-action{margin-top:auto;padding-top:18px;font-weight:750;color:#126e82}.survey-card.is-complete{border-color:#77c8a5}.survey-card.is-complete .card-icon{background:#dff5e8;color:#17744a}.survey-layout{display:grid;grid-template-columns:280px 1fr;gap:55px;padding:35px 0}.survey-layout aside{position:sticky;top:20px;height:max-content}.survey-layout aside>p{color:#60777e;line-height:1.6}.privacy-note{background:#eaf5f1;border-radius:10px;padding:14px;color:#216b54;font-size:.88rem;line-height:1.45;margin-top:24px}.question-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 30px}.question{border:0;border-bottom:1px solid var(--line);padding:25px 0 28px;margin:0}.question:last-of-type{border-bottom:0}.question legend{font-weight:760;font-size:1.08rem;line-height:1.4}.question legend span{color:#4e9d92;font-size:.76rem;display:block;letter-spacing:.08em;margin-bottom:6px}.question input:not([type=checkbox]):not([type=radio]),.question select{max-width:480px}.choice-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.choice{margin:0;border:1px solid #d5e4e6;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:500;cursor:pointer}.choice:has(input:checked){border-color:#126e82;background:#edf8f8;color:#075765}.choice input{display:inline;width:auto;margin:0;accent-color:#126e82}.form-actions{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.form-actions button{margin:0}.form-actions button span{padding-left:10px;font-size:1.25em}@media(max-width:760px){.survey-grid{grid-template-columns:1fr}.survey-hero{align-items:flex-start}.progress-orb{width:100px;height:100px}.survey-layout{grid-template-columns:1fr;gap:20px}.survey-layout aside{position:static}.question-panel{padding:12px 20px}}@media(max-width:600px){.socials,.grid{grid-template-columns:1fr}header{padding:18px}main{padding:0 18px}.card{padding:24px}}

/* Authentication experience */
.auth-page{background:#f7f5ef;color:#17231f}.auth-page>header{display:none}.auth-page>main{max-width:none;margin:0;padding:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,43%) 1fr}.auth-story{position:relative;overflow:hidden;min-height:100vh;padding:42px clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;color:#f7fff9;background:linear-gradient(145deg,#0c3731 0%,#075449 54%,#167360 100%)}.auth-story:before,.auth-story:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-story:before{width:520px;height:520px;right:-230px;top:-170px;border:1px solid #ffffff24;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08}.auth-story:after{width:260px;height:260px;left:-130px;bottom:-90px;background:#d8a94a24;filter:blur(4px)}.auth-logo{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:1.12rem;font-weight:750;letter-spacing:-.02em}.auth-logo span,.mobile-brand span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e0ad4b;color:#18352f;font-weight:900;box-shadow:0 8px 24px #062a2455}.story-copy{position:relative;z-index:1;max-width:590px}.auth-kicker{display:block;color:#d7a948;font-size:.71rem;font-weight:850;letter-spacing:.18em;margin-bottom:15px}.story-copy h1{font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.045em;margin:0 0 25px;color:#fff}.story-copy h1 em{font-weight:400;color:#f0c974}.story-copy>p{max-width:520px;font-size:1.05rem;line-height:1.7;color:#d1e3df}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;padding-top:26px;border-top:1px solid #ffffff26}.trust-row div{display:flex;flex-direction:column;gap:4px}.trust-row b{font-size:1.35rem;color:#fff}.trust-row span{font-size:.72rem;color:#aac9c2}.story-foot{position:relative;z-index:1;margin:0;color:#a9c8c1;font-size:.76rem}.auth-form-wrap{min-height:100vh;padding:50px clamp(25px,7vw,100px);display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 100% 0,#e5efe8 0,transparent 33%),#fbfaf6}.auth-box{width:min(100%,510px)}.auth-box h2{font-family:Georgia,serif;font-size:2.45rem;line-height:1.1;letter-spacing:-.035em;margin:0 0 9px;color:#142b26}.auth-subtitle{margin:0 0 28px;color:#6a7974}.mobile-brand{display:none}.auth-form .field{margin:0 0 17px}.auth-form .field label,.field-label{display:block;margin:0 0 7px;color:#2c3f39;font-size:.8rem;font-weight:750}.auth-form input:not([type=radio]):not([type=checkbox]),.auth-form select{width:100%;height:49px;margin:0;padding:0 14px;border:1px solid #cdd9d4;border-radius:11px;background:#fff;color:#1b2d28;font-size:.92rem;outline:none;transition:border .2s,box-shadow .2s}.auth-form input:focus,.auth-form select:focus{border-color:#14816e;box-shadow:0 0 0 4px #14816e18}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{font-size:.75rem;text-decoration:none;font-weight:700}.password-wrap{position:relative}.password-wrap input{padding-right:60px!important}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0;padding:5px;background:transparent;color:#187261;font-size:.72rem}.primary-auth{width:100%;height:52px;margin:5px 0 0;border-radius:11px;background:linear-gradient(110deg,#07594d,#0b7765);box-shadow:0 9px 22px #07594d2c;font-size:.92rem;transition:transform .2s,box-shadow .2s}.primary-auth:hover{transform:translateY(-1px);box-shadow:0 13px 26px #07594d38}.primary-auth span{float:right;font-size:1.15rem}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#84908c;font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#dfe5e1;flex:1}.auth-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.auth-socials a{height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7e0dc;border-radius:10px;background:#fff;color:#31433e;text-decoration:none;font-size:.78rem;font-weight:700;transition:border .2s,transform .2s}.auth-socials a:hover{border-color:#91aaa2;transform:translateY(-1px)}.social-mark{font-weight:900}.google-mark{color:#4285f4}.facebook-mark{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#1877f2;color:#fff}.linkedin-mark{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#0a66c2;color:#fff;font-size:.62rem}.auth-switch{text-align:center;margin:25px 0 0;color:#687873;font-size:.82rem}.auth-switch a{font-weight:800;text-decoration:none}.form-alert,.auth-form .errorlist{margin:0 0 16px;padding:11px 13px;border-radius:9px;background:#fff0ee;color:#a6372e;font-size:.78rem;list-style-position:inside}.auth-form .field .errorlist{margin:7px 0 0}.signup-form-wrap{padding-top:32px;padding-bottom:32px}.signup-box{width:min(100%,650px)}.signup-box h2{font-size:2.15rem}.signup-box .auth-subtitle{margin-bottom:20px}.signup-box .field{margin-bottom:12px}.signup-box .auth-form input:not([type=radio]):not([type=checkbox]),.signup-box .auth-form select{height:44px}.gender-options{display:flex;gap:8px}.gender-options label{flex:1;margin:0;cursor:pointer}.gender-options input{position:absolute;opacity:0}.gender-options span{display:block;padding:9px;text-align:center;border:1px solid #d3ded9;border-radius:9px;background:#fff;font-size:.78rem;font-weight:650}.gender-options label:has(input:checked) span{border-color:#157764;background:#edf7f3;color:#0b6756}.terms-copy{font-size:.7rem;color:#7b8884;margin:2px 0 12px}.terms-copy a{font-weight:750;text-decoration:none}.signup-box .primary-auth{margin-top:0}.signup-box .auth-divider{margin:16px 0}.signup-box .auth-switch{margin-top:15px}.benefit-list{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:18px}.benefit-list li{display:flex;align-items:center;gap:13px;color:#c8dcd7;font-size:.85rem}.benefit-list i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffff16;color:#f0c974;font-style:normal}.benefit-list b{display:block;color:#fff;margin-bottom:2px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-form-wrap{min-height:100vh;padding:34px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:#173b34;font-weight:800}.mobile-brand span{width:34px;height:34px}.auth-box{max-width:590px}.signup-box{max-width:650px}}
@media(max-width:560px){.field-row{grid-template-columns:1fr;gap:0}.auth-box h2{font-size:2rem}.auth-socials{grid-template-columns:1fr}.auth-form-wrap{align-items:flex-start}.gender-options{flex-wrap:wrap}.gender-options label{min-width:30%}}
.auth-page{overflow-x:hidden}.auth-shell{grid-template-columns:minmax(360px,43%) minmax(0,1fr)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}}
/* Shared charcoal / pink identity for public authentication screens. */
.auth-page{background:#fcf5f8;color:#332d2f}
.auth-story{background:linear-gradient(145deg,#111111 0%,#49202f 58%,#8e2351 100%)}
.auth-story:after{background:#d9548c33}
.auth-logo span,.mobile-brand span{background:linear-gradient(145deg,#e177a3,#c93472);color:#fff;box-shadow:0 8px 24px #201d1e33}
.auth-kicker{color:#c94e81}.auth-story .auth-kicker{color:#e587ae}
.story-copy h1 em{color:#f0b8cf}.story-copy>p{color:#e7c9d6}
.trust-row span,.story-foot{color:#bdb5b8}
.auth-form-wrap{background:radial-gradient(circle at 100% 0,#f9e5ed 0,transparent 45%),#fefbfc}
.auth-box h2{color:#111111}.auth-subtitle{color:#7d7075}
.auth-form .field label,.field-label{color:#574e52}
.auth-form input:not([type=radio]):not([type=checkbox]),.auth-form select{border-color:#ead3dd;color:#352f31}
.auth-form input:focus,.auth-form select:focus{border-color:#b64e79;box-shadow:0 0 0 4px #a83d6a14}
.auth-page a:not(.auth-logo){color:#933f62}
.primary-auth{background:linear-gradient(110deg,#b02963,#8e2351);box-shadow:0 9px 22px #812b4f2b}
.password-toggle{color:#9a4267}.gender-options label:has(input:checked) span{border-color:#bd5782;background:#fceef4;color:#8b3c5d}
.benefit-list li{color:#d296af}.benefit-list i{color:#f4c9db}.benefit-list b{color:#fff}
