:root { --dark-blue:#001f52; --orange:#f7a833; --light-blue:#64c2c8; --bright-blue:#307bbf; --ink:var(--dark-blue); --muted:#52657f; --paper:#f3f7fa; --card:#fff; --line:#d8e3ec; --green:var(--orange); --deep:var(--dark-blue); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Museo Sans", "MuseoSans-300", "Segoe UI", sans-serif; font-weight:300; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.28; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E"); }
.page-shell { max-width:1180px; margin:auto; padding:0 28px; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d5d8d2; }
.brand { color:var(--dark-blue); text-decoration:none; display:flex; align-items:center; font-family:"Museo Sans", "MuseoSans-700", "Segoe UI", sans-serif; font-size:22px; font-weight:700; letter-spacing:-.5px; }
.header-note { font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; }
.hero { padding:88px 0 68px; max-width:900px; }
.eyebrow,.kicker { text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:.15em; color:var(--bright-blue); margin:0 0 17px; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:34px; height:2px; background:var(--orange); }
h1,h2 { font-family:"Museo Sans", "MuseoSans-700", "Segoe UI", sans-serif; font-weight:700; letter-spacing:-.035em; margin:0; }
h1 { font-size:clamp(44px,7vw,79px); line-height:1.01; max-width:970px; }
.hero>p { max-width:730px; color:var(--muted); font-size:19px; line-height:1.65; margin:27px 0 35px; }
.meta-row { display:flex; gap:36px; flex-wrap:wrap; color:var(--muted); font-size:14px; }
.meta-row b { color:var(--ink); font-size:16px; margin-right:4px; }
form { display:grid; gap:18px; }
.form-card { display:grid; grid-template-columns:88px 1fr; background:var(--card); border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:0 12px 40px rgba(18,42,34,.04); }
.section-number { font-family:"Museo Sans", "MuseoSans-700", "Segoe UI", sans-serif; font-weight:700; font-size:13px; letter-spacing:.1em; padding:38px 28px; border-right:1px solid var(--line); color:var(--bright-blue); }
.section-content { padding:38px 42px 42px; }
.section-heading { display:flex; justify-content:space-between; gap:28px; margin-bottom:28px; }
.section-heading h2,.submit-card h2,.success-card h2 { font-size:clamp(24px,3vw,34px); line-height:1.2; max-width:780px; }
.required-note { white-space:nowrap; color:#798580; font-size:12px; }
.hint { margin:10px 0 0; color:var(--muted); line-height:1.55; }
.identity-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:18px; }
label { color:#334741; font-size:13px; font-weight:600; }
input[type="text"],input:not([type]) { width:100%; }
input { font-family:"Museo Sans", "MuseoSans-300", "Segoe UI", sans-serif; font-size:15px; font-weight:300; }
.identity-grid input,.answer-field input,.answer-field textarea { border:1px solid #d7ddd9; background:#fafbf9; border-radius:10px; color:var(--ink); outline:none; transition:.2s; }
.identity-grid input { display:block; margin-top:9px; padding:15px 16px; }
input:focus { border-color:var(--bright-blue); box-shadow:0 0 0 3px rgba(48,123,191,.14); background:#fff; }
.answer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:900px; }
.answer-field { display:flex; flex-direction:column; gap:9px; color:#334741; }
.answer-field input,.answer-field textarea { width:100%; padding:14px 16px; font:300 15px/1.5 "Museo Sans", "MuseoSans-300", "Segoe UI", sans-serif; }
.answer-field textarea { min-height:130px; resize:vertical; }
.answer-field-wide { grid-column:1/-1; }
.answer-row { display:grid; grid-template-columns:42px 1fr; align-items:center; }
.answer-row>span { align-self:stretch; display:grid; place-items:center; border:1px solid #d7ddd9; border-right:0; border-radius:10px 0 0 10px; color:#7c8984; background:#f0f3f0; }
.answer-row input { padding:14px 16px; border-radius:0 10px 10px 0; }
.question-card { position:relative; }
.question-card::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--accent); }
.accent-lime { --accent:var(--orange); }.accent-blue { --accent:var(--light-blue); }.accent-violet { --accent:var(--bright-blue); }.accent-orange { --accent:var(--orange); }.accent-pink { --accent:var(--light-blue); }
.submit-card { margin:18px 0 90px; background:var(--deep); color:white; padding:48px; border-radius:22px; display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.submit-card .kicker { color:var(--orange); }
.submit-card p:not(.kicker) { color:#b8cac3; line-height:1.6; }
.submit-area { display:flex; flex-direction:column; justify-content:center; }
.consent { display:grid; grid-template-columns:20px 1fr; gap:10px; color:#d9e5e0; font-weight:400; line-height:1.5; }
.consent input { width:18px; height:18px; accent-color:var(--orange); }
button { margin-top:22px; border:0; border-radius:12px; background:var(--orange); color:var(--dark-blue); padding:17px 20px; font-family:"Museo Sans", "MuseoSans-700", "Segoe UI", sans-serif; font-size:15px; font-weight:700; display:flex; justify-content:space-between; cursor:pointer; transition:.2s; }
button:hover { transform:translateY(-2px); background:#ffc25f; }
button:disabled { opacity:.6; cursor:wait; transform:none; }
.form-status { min-height:0; margin-top:8px; font-size:13px; }.form-status.error { color:#ffb9b9; }
.success-card { margin:60px auto 120px; text-align:center; max-width:760px; padding:80px 42px; border-radius:24px; background:white; border:1px solid var(--line); outline:none; }
.success-icon { width:62px; height:62px; margin:0 auto 24px; border-radius:50%; display:grid; place-items:center; background:#e3f5f6; color:var(--bright-blue); font-size:27px; }
.success-card p:last-child { color:var(--muted); line-height:1.6; }
footer { border-top:1px solid #d5d8d2; padding:28px 0 40px; display:flex; justify-content:space-between; color:#75817c; font-size:12px; }
@media (max-width:720px) { .page-shell{padding:0 16px}.site-header{height:72px}.header-note{display:none}.hero{padding:58px 4px 45px}h1{font-size:43px}.hero>p{font-size:17px}.meta-row{gap:16px}.form-card{grid-template-columns:1fr}.section-number{padding:20px 24px 0;border:0}.section-content{padding:18px 22px 30px}.section-heading{display:block}.required-note{display:block;margin-top:12px}.identity-grid,.answer-list{grid-template-columns:1fr}.answer-field-wide{grid-column:auto}.submit-card{grid-template-columns:1fr;padding:32px 24px;gap:25px;margin-bottom:60px}footer{gap:14px;flex-direction:column} }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }