:root{--bg: #FAFAF7;--surface: #FFFFFF;--surface-raised: #FFFFFF;--ink: #16211A;--ink-muted: #56645A;--border: #DEE2D7;--border-strong: #B9C0AF;--accent: #1F3A2E;--accent-ink: #FAFAF7;--accent-soft: #1F3A2E14;--danger: #B84B4B;--shadow: 0 2px 8px rgba(22,33,26,.05), 0 1px 2px rgba(22,33,26,.06);--shadow-lg: 0 12px 32px rgba(22,33,26,.1), 0 2px 8px rgba(22,33,26,.06)}.dark{--bg: #10140F;--surface: #1A211A;--surface-raised: #202920;--ink: #EDEFE9;--ink-muted: #9AA793;--border: #2C352A;--border-strong: #3E4A3B;--accent: #8FB79C;--accent-ink: #10140F;--accent-soft: #8FB79C1A;--danger: #E28C8C;--shadow: 0 2px 8px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.35);--shadow-lg: 0 16px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;transition:background .25s ease,color .25s ease;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,serif;font-weight:560;margin:0;letter-spacing:-.01em}a{color:inherit}button,input,textarea{font-family:Inter,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--ink-muted);font-weight:700;margin-bottom:14px;text-transform:uppercase}.body-text{font-size:16px;line-height:1.65;color:var(--ink-muted);margin:12px 0}.small-text{font-size:13px;font-weight:700;color:var(--ink-muted);margin-top:18px;margin-bottom:8px;letter-spacing:.02em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:15px 28px;font-size:15px;font-weight:650;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:var(--shadow);text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);opacity:.96}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink);border:1.5px solid var(--border-strong);border-radius:12px;padding:13px 22px;font-size:14.5px;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-decoration:none}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.input-field{width:100%;padding:14px 15px;border-radius:11px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:15px;margin-top:7px}.input-field:focus{border-color:var(--accent)}.page-wrap{max-width:720px;margin:0 auto;padding:40px 24px 96px;min-height:calc(100vh - 64px)}.fade-in{animation:fadeIn .45s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.option-btn{text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:17px 19px;font-size:15.5px;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease;width:100%}.option-btn:hover{border-color:var(--accent);background:var(--accent-soft);transform:translate(2px)}@media (max-width: 480px){.page-wrap{padding:24px 16px 72px}.card{padding:20px;border-radius:14px}.btn-primary,.btn-secondary{width:100%}}