:root{font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eef4ff;background:#07101d;--blue:#5fc9ff;--violet:#9d86ff;--line:#ffffff20;--muted:#9aa9bd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#24315f 0,transparent 27%),radial-gradient(circle at 0 40%,#0c52604d 0,transparent 24%),#07101d;color:#eef4ff}nav{height:64px;width:min(1160px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem}a{color:inherit}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-weight:800}.brand img{width:30px;border-radius:9px}header{width:min(1160px,calc(100% - 32px));margin:auto;padding:90px 0 70px}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:var(--blue);font-weight:800}h1{font-size:clamp(3.6rem,10vw,8.5rem);line-height:.82;letter-spacing:-.075em;margin:26px 0 30px;max-width:9ch}h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),#fff,var(--violet));color:transparent;background-clip:text}header p{max-width:600px;color:var(--muted);font-size:1.15rem}main{width:min(1160px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}form{display:grid;gap:14px}form section,.result,.explain,.sponsor{border:1px solid var(--line);background:#101b2bd9;border-radius:28px;padding:24px;box-shadow:0 24px 70px #0004}.section-head{display:flex;gap:15px;align-items:center;margin-bottom:18px}.section-head>span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,var(--blue),var(--violet));color:#08101d;font-weight:900}.section-head h2,.section-head p{margin:0}.section-head p{color:var(--muted);font-size:.83rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid label{padding:12px;border-radius:16px;background:#091322;color:var(--muted);font-size:.78rem}.grid label>span{display:flex;align-items:center;gap:5px;margin-top:6px;color:#fff;font-size:1rem}.grid input,.grid select{width:100%;min-width:0;border:0;background:none;color:#fff;font-weight:700;font-size:1rem;outline:none}.grid select{margin-top:8px}.result{position:sticky;top:18px;background:linear-gradient(145deg,#172746,#15162e)}.result small{color:var(--blue);letter-spacing:.13em;font-size:.68rem}.result strong{display:block;font-size:clamp(3.3rem,7vw,5.8rem);letter-spacing:-.07em;margin-top:6px}.result>div>p{margin:0;color:var(--muted)}dl{margin:30px 0}dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0}dt{color:var(--muted)}dd{margin:0;font-weight:750}.privacy{font-size:.75rem;color:#8de0bb}.explain{grid-column:1/-1;margin-top:38px}.explain>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.explain article{padding:18px;background:#091322;border-radius:18px}.explain p{color:var(--muted)}.sponsor{grid-column:1/-1;text-align:center;background:transparent;border-style:dashed;color:var(--muted)}.sponsor span{color:#fff;font-weight:800}footer{width:min(1160px,calc(100% - 32px));margin:70px auto 0;padding:26px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}@media(max-width:800px){header{padding-top:60px}main{grid-template-columns:1fr}.result{position:static;grid-row:1}.grid,.explain>div{grid-template-columns:1fr}.explain{margin-top:20px}footer{gap:18px;flex-direction:column}}