:root{color-scheme:light;--bg-top: #fbfdf9;--bg-bottom: #e8efe8;--ink: #112227;--muted: #587075;--line: rgba(17, 34, 39, .1);--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .94);--accent: #177a67;--accent-deep: #0f5c51;--accent-soft: rgba(23, 122, 103, .12);--warning: #9d3140;--shadow: 0 28px 90px rgba(17, 34, 39, .14);--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--font-heading: "Avenir Next", "Trebuchet MS", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 14% 12%,rgba(23,122,103,.18),transparent 28%),radial-gradient(circle at 82% 9%,rgba(24,76,95,.16),transparent 22%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}a{color:inherit}button,input,textarea,select{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh}.ambient{position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:50%;filter:blur(16px)}.ambient-left{top:8rem;left:-8rem;width:22rem;height:22rem;background:#177a6724}.ambient-right{right:-7rem;bottom:9rem;width:26rem;height:26rem;background:#184c5f24}.page-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 32px));margin:0 auto;padding:22px 0 56px;animation:rise-in .6s ease both}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:16px 20px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#ffffffb3;box-shadow:0 14px 34px #11222714;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{font-family:var(--font-heading);font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.nav-links{display:flex;flex-wrap:wrap;gap:12px}.nav-link{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);transition:background-color .2s ease,color .2s ease,transform .2s ease}.nav-link:hover,.nav-link-active{color:var(--ink);background:#1122270f;transform:translateY(-1px)}.nav-actions{display:flex;align-items:center}.panel,.loading-panel,.feedback,.hero,.surface-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero,.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{border:1px solid rgba(255,255,255,.74);background:var(--panel);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:28px;padding:40px;border-radius:40px;margin-bottom:24px;overflow:hidden}.hero:after{content:"";position:absolute;right:-8%;bottom:-24%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(23,122,103,.22) 0%,transparent 70%)}.hero-copy,.hero-panel{position:relative;z-index:1}.hero-panel{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffffb8,#f6faf8e6),linear-gradient(135deg,#177a6714,#0f5c510f);border:1px solid var(--line)}.panel-label,.eyebrow,.status-pill{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.panel-label,.eyebrow{color:var(--accent-deep);background:var(--accent-soft)}.status-pill{color:var(--ink);background:#1122270f}h1,h2,h3{margin:0 0 14px;font-family:var(--font-heading);line-height:1.02}h1{font-size:clamp(2.8rem,6vw,5.2rem);max-width:10ch}h2{font-size:clamp(1.5rem,3vw,2.2rem)}.lede,.meta,.legal-panel p,.loading-panel p{color:var(--muted)}.lede{max-width:58ch;font-size:1.04rem}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.inline-list,.feature-list{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:24px 0 0;list-style:none}.inline-list li,.feature-list li{padding:10px 14px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(17,34,39,.08)}.feature-list{flex-direction:column;align-items:stretch}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{padding:30px;border-radius:var(--radius-xl)}.signal-grid,.code-grid{display:grid;gap:14px}.metric-card,.code-card{padding:18px;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid var(--line)}.metric-card strong,.code-card strong,.code-stack strong,.field span{display:block;margin-bottom:8px;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.metric-card span{line-height:1.5}.code-card code,.code-stack code,.output-box,code{font-family:SFMono-Regular,Consolas,monospace}.code-stack{display:grid;gap:14px}.code-stack div{padding:18px;border-radius:var(--radius-md);background:#f6faf8eb;border:1px solid var(--line)}.button,button.button,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover,button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:0 16px 34px #0f5c5142}.button-secondary{color:var(--ink);background:#ffffffd6;border:1px solid var(--line)}.button-ghost{color:var(--muted);background:transparent;border:1px solid var(--line)}.auth-form{display:grid;gap:16px;max-width:460px;margin-top:24px}.field{display:grid;gap:8px}.input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(17,34,39,.14);background:#ffffffd6;outline:none}.input:focus{border-color:#177a6766;box-shadow:0 0 0 4px #177a671f}.auth-note{margin-top:24px;max-width:54ch;padding:18px;border-radius:var(--radius-md);background:#f6faf8e6;border:1px solid var(--line)}.feedback{padding:14px 16px;margin-bottom:20px;border-radius:var(--radius-md);border:1px solid transparent}.feedback-success{background:#177a671f;border-color:#177a6738}.feedback-error{background:#9d31401c;border-color:#9d31402e}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.output-box{margin:0;padding:18px;overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background:#f6faf8eb;min-height:260px}.legal-panel section+section{margin-top:24px}.legal-panel h1{max-width:none}.legal-panel h2{margin-top:0;margin-bottom:8px}.loading-panel{width:min(720px,calc(100% - 32px));margin:80px auto}.login-stage{min-height:calc(100vh - 44px);display:grid;place-items:center}.login-shell{width:min(520px,100%);display:grid;gap:22px}.login-brand{justify-self:center;font-family:var(--font-heading);font-size:1.15rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.login-panel{padding:34px}.login-panel h1{max-width:none;font-size:clamp(2.4rem,7vw,3.6rem)}.login-panel .lede{max-width:none}.login-submit{width:100%;justify-content:center}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.hero,.content-grid{grid-template-columns:1fr}.topbar,.result-header{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.page-shell{width:min(100% - 20px,1160px);padding-top:12px}.hero,.surface-card,.auth-panel,.legal-panel,.result-panel,.loading-panel{padding:22px;border-radius:28px}h1{font-size:clamp(2.3rem,12vw,3.6rem)}}