@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');
:root { --bg:#0B0F1A; --surface:#141927; --ink:#F3F5FB; --muted:#8A92A8; --accent:#5B8CFF; --accent-2:#7AA8FF; --border:#242A3E; --on-accent:#0B0F1A; --mono:'JetBrains Mono',ui-monospace,monospace; }
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14.5px;line-height:1.65;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;}
a{color:var(--accent);text-decoration:none;} a:hover{text-decoration:underline;text-underline-offset:3px;}
body::before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in srgb,var(--accent) 4%,transparent) 3px 4px);pointer-events:none;z-index:0;opacity:.7;}
.top{position:relative;z-index:2;padding:14px clamp(16px,3vw,26px);display:flex;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface);}
.brand{color:var(--ink);font-weight:700;}
.brand:hover{color:var(--ink);text-decoration:none;}
.r{color:var(--muted);font-size:.88rem;}
.r:hover{color:var(--accent);text-decoration:none;}
.term{position:relative;z-index:2;flex:1;max-width:720px;width:100%;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(20px,3vw,32px);}
.banner{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin:0 0 24px;white-space:pre-wrap;color:var(--ink);box-shadow:0 20px 50px -20px color-mix(in srgb,var(--accent) 25%,transparent);animation:rise .8s ease .1s backwards;}
.m{color:var(--muted);} .c{color:var(--accent);font-weight:600;} .ok{color:#22c55e;font-weight:700;}
.cli{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;display:grid;gap:6px;animation:rise .8s ease .25s backwards;}
.row{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:start;}
.row--ta{align-items:flex-start;}
.row--act{align-items:center;}
.p{color:var(--accent);font-weight:600;padding-top:12px;font-size:.92rem;}
.row input,.row textarea{width:100%;padding:12px 14px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:6px;transition:border-color .15s,box-shadow .15s;}
.row textarea{resize:vertical;min-height:120px;}
.row input:focus,.row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);}
.row input[aria-invalid=true],.row textarea[aria-invalid=true]{border-color:#d9534f;}
.err{color:#d9534f;font-size:.82rem;padding-left:92px;min-height:18px;}
.go{padding:11px 22px;border:0;border-radius:6px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:700;cursor:pointer;font-size:.94rem;}
.go:hover:not(:disabled){background:var(--accent-2);}
.go:disabled{opacity:.6;cursor:default;}
.stat{margin-left:12px;color:var(--muted);font-size:.86rem;}
.okp{background:var(--surface);border-left:3px solid #22c55e;padding:14px 18px;margin:0;color:#22c55e;font-weight:600;}
.alt{margin-top:22px;color:var(--muted);text-align:center;font-size:.92rem;}
.bot{position:relative;z-index:2;padding:10px clamp(16px,3vw,26px);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:540px){.row{grid-template-columns:1fr;}.p{padding-top:0;}.err{padding-left:0;}}
::selection{background:var(--accent);color:var(--on-accent);}