:root{--ink:#25332f;--muted:#71807b;--sage:#6f887d;--sage-dark:#496158;--sage-pale:#dfe9e2;--cream:#f8f6f0;--paper:rgba(255,255,255,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,textarea,input{font:inherit}button{color:inherit}[hidden]{display:none!important}
.page-shell{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:30px clamp(24px,5vw,78px) 24px}.page-shell:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.24;background-image:radial-gradient(#8fa097 .55px,transparent .55px);background-size:7px 7px}.glow{position:absolute;border-radius:999px;filter:blur(2px);z-index:-2}.glow-one{width:44vw;height:44vw;min-width:360px;min-height:360px;left:-13vw;top:-20vw;background:rgba(218,231,221,.72)}.glow-two{width:36vw;height:36vw;min-width:320px;min-height:320px;right:-9vw;bottom:-18vw;background:rgba(239,222,207,.68)}
.site-header,footer{display:flex;align-items:center;justify-content:space-between}.site-header{width:100%;max-width:1320px;margin:0 auto}.brand{display:inline-flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-family:Georgia,serif;font-size:21px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #aebdb6;border-radius:50%;font-size:17px;font-style:italic}.question-count{color:var(--muted);font-size:12px;letter-spacing:.16em}
.questionnaire{width:min(100%,820px);align-self:center;justify-self:center;padding:54px 0 42px}.intro-line{display:flex;align-items:center;gap:24px;margin-bottom:18px;padding:0 6px}.eyebrow{flex:none;color:var(--sage);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.progress-track{height:1px;width:100%;background:#d8ded9;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--sage);transition:width .5s ease}
.question-card,.completion-card{position:relative;background:var(--paper);border:1px solid rgba(160,174,166,.27);border-radius:3px 34px 3px 34px;box-shadow:0 25px 70px rgba(62,78,70,.09);backdrop-filter:blur(16px)}.question-card{padding:clamp(34px,6vw,68px) clamp(28px,8vw,82px) clamp(28px,5vw,52px)}.question-number{position:absolute;top:28px;right:34px;color:#dce4df;font-family:Georgia,serif;font-size:54px;line-height:1}.question-card label{position:relative;display:block;max-width:650px;padding-right:35px;font-family:Georgia,serif;font-size:clamp(29px,4.3vw,46px);line-height:1.16;letter-spacing:-.025em}.prompt{color:var(--muted);margin:17px 0 34px;font-size:14px}
.short-answer,textarea{width:100%;min-height:138px;resize:vertical;padding:18px 4px;border:0;border-bottom:1px solid #bdc9c2;outline:none;background:transparent;color:var(--ink);font-family:Georgia,serif;font-size:19px;line-height:1.55}.short-answer{min-height:70px;resize:none;font-size:22px}.short-answer::placeholder,textarea::placeholder{color:#a4afaa}.short-answer:focus,textarea:focus{border-bottom-color:var(--sage-dark);box-shadow:0 1px 0 var(--sage-dark)}
.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px}.back-button,.text-button{border:0;background:transparent;cursor:pointer;color:var(--sage-dark);padding:12px 0;font-size:13px}.back-button:disabled{opacity:0;pointer-events:none}.next-button{display:inline-flex;align-items:center;gap:18px;border:0;border-radius:999px;background:var(--sage-dark);color:#fff;padding:14px 22px;cursor:pointer;font-size:13px;letter-spacing:.02em;box-shadow:0 8px 25px rgba(73,97,88,.18);transition:transform .2s ease,background .2s ease}.next-button:hover{transform:translateY(-2px);background:#394f47}.next-button:disabled{cursor:wait;opacity:.72;transform:none}.next-button:focus-visible,.back-button:focus-visible,.text-button:focus-visible{outline:3px solid #c8d8cf;outline-offset:4px}.form-error{margin:12px 0 -10px;color:#9a4f47;font-size:12px;line-height:1.5}
.completion-card{text-align:center;padding:clamp(48px,8vw,90px) clamp(28px,8vw,90px)}.completion-mark{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 26px;border-radius:50%;background:var(--sage-pale);color:var(--sage-dark)}.completion-card h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,60px);font-weight:400;line-height:1.08;margin:18px 0}.completion-card p{max-width:490px;margin:0 auto;color:var(--muted);line-height:1.6}.completion-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:34px}
footer{width:100%;max-width:1320px;margin:0 auto;color:#8b9691;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.privacy-note{display:flex;align-items:center;gap:8px}.privacy-note i{width:6px;height:6px;border-radius:50%;background:#9db3a8}
@media(max-width:640px){.page-shell{padding:22px 18px 18px}.questionnaire{padding:38px 0 30px}.question-card{border-radius:2px 25px 2px 25px}.question-number{font-size:42px;right:24px;top:22px}.question-card label{padding-right:18px}.prompt{margin-bottom:24px}textarea{min-height:122px}footer>span:first-child{display:none}footer{justify-content:center}.completion-actions{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}