:root{color-scheme:dark;--bg:#0b1421;--panel:#152337;--text:#f1f6fc;--muted:#c0ccdc;--accent:#7ce4ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 system-ui}main{max-width:1100px;margin:auto;padding:28px}header{border-bottom:1px solid #40546d;padding-bottom:22px}h1{font-size:clamp(30px,5vw,52px);line-height:1.1;max-width:720px}h2{line-height:1.25}p{color:var(--muted)}.tag{color:var(--accent);letter-spacing:.08em;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{background:var(--panel);padding:24px;border:1px solid #40546d;border-radius:18px;margin-top:24px;min-width:0}label{display:block;margin:16px 0 6px}select,textarea,button{font:inherit;border-radius:8px;padding:12px;min-height:48px}select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid #7a8da7}textarea{min-height:110px}button{background:var(--accent);color:#0b1421;border:0;cursor:pointer;margin-top:18px;font-weight:650}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #f4bf65;outline-offset:4px}.mock{background:#f7fafc;color:#152337;padding:22px;border-radius:12px}.mock p{color:#40546d}.mock strong{display:block;font-size:23px}.mock .cta{display:inline-block;background:#153c51;color:white;padding:12px;border-radius:8px;margin-top:10px}.notice{border-left:3px solid var(--accent);padding-left:16px}input{width:20px;height:20px;vertical-align:middle}#summary{white-space:pre-line}small{color:var(--muted)}@media(max-width:720px){.grid{grid-template-columns:1fr}main{padding:18px}section{padding:20px}}[hidden]{display:none}
/* UI/UX Pro Max: accessible, low-motion guided service intake. Local assets only. */
:root{--border:#40546d;--secondary:#c8bbff;--space:8px}
body{background:radial-gradient(ellipse at 90% 0%,#20253f 0,transparent 45%),var(--bg)}
main{padding:32px 24px 48px}header{padding:16px 0 32px}h1{letter-spacing:-.04em}h2{font-size:24px;letter-spacing:-.02em}header>p{max-width:740px}.tag{font-weight:700}
section{box-shadow:0 16px 48px #00000020;border-top-color:#657c98}section h2{margin-top:0}.grid{align-items:start}
.steps{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none;margin:28px 0 0}.steps li{padding:8px 16px;border:1px solid var(--border);border-radius:30px;color:var(--muted);font-size:14px}.steps li[aria-current]{color:var(--accent);border-color:var(--accent)}
button{transition:background-color 150ms ease,box-shadow 150ms ease}button:hover:not(:disabled){background:#acf4f7;box-shadow:0 0 24px #7ce4ec24}button:active:not(:disabled){background:#62cbd4}textarea{resize:vertical;line-height:1.6}textarea[aria-invalid=true]{border:2px solid #ffb4b4}#error{color:#ffb4b4;margin:8px 0}#error:empty{display:none}.confirm-label{display:flex;gap:12px;align-items:center;min-height:48px}.confirm-label input{flex:0 0 24px;height:24px;margin:0}#summary,#result{overflow-wrap:anywhere}#result:not(:empty){padding:16px;border:1px solid var(--accent);border-radius:8px}footer{font-size:14px;margin-top:32px}
@media(max-width:720px){main{padding:16px 16px max(32px,env(safe-area-inset-bottom))}h1{font-size:36px}.steps{gap:8px}.steps li{padding:8px 12px}button{width:100%}section{padding:20px}.mock{padding:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

input[type=text],input[type=email]{width:100%;height:auto;min-height:48px;background:var(--bg);color:var(--text);border:1px solid #7a8da7;border-radius:8px;padding:12px;font:inherit}a{color:var(--accent)}
pre{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}