@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#0a0a0a;--surface:#141414;--surface-2:#1a1a1a;--ink:#fafafa;--muted:#888;--accent:#0B7A8F;--accent-2:#159CAE;--border:#232323;--on-accent:#FFFFFF;--fh:'JetBrains Mono', ui-monospace, monospace;--fb:'Inter', system-ui, sans-serif;}
*,*::before,*::after{box-sizing:border-box;} html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
a{color:inherit;text-decoration:none;} button{font-family:inherit;}
.top{padding:22px clamp(20px,4vw,40px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);}
.brand{font-family:var(--fh);font-weight:900;color:var(--ink);font-size:1.1rem;letter-spacing:-0.01em;text-transform:uppercase;}
.brand:hover{color:var(--accent);}
.mute{color:var(--muted);font-size:.86rem;text-transform:uppercase;letter-spacing:.14em;}
.mute:hover{color:var(--accent);}
.hero{flex:1;display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(24px,4vw,64px);padding:clamp(40px,7vw,100px) clamp(24px,6vw,60px);max-width:1180px;width:100%;margin:0 auto;align-items:center;}
.left{animation:rise .8s ease .1s backwards;}
.tag{display:inline-block;font-family:var(--fh);font-weight:700;font-size:.82rem;letter-spacing:.3em;color:var(--accent);padding:8px 18px;border:2px solid var(--accent);margin-bottom:22px;}
.left h1{font-family:var(--fh);font-weight:900;font-size:clamp(3rem,8vw,6rem);line-height:0.95;letter-spacing:-0.05em;margin:0 0 20px;color:var(--ink);text-transform:uppercase;}
.left h1 em{font-style:italic;color:var(--accent);}
.left p{color:var(--muted);font-size:1.1rem;margin:0 0 32px;max-width:40ch;}
.e-row{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:6px;}
.e-row span{font-family:var(--fh);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.e-row a{color:var(--accent);font-family:var(--fh);font-weight:600;word-break:break-all;}
.right{padding:clamp(28px,4vw,40px);background:var(--surface);border:1px solid var(--border);animation:rise .8s ease .25s backwards;}
.r{margin-bottom:16px;}
.r label{display:block;font-family:var(--fh);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px;}
.r input,.r textarea{width:100%;padding:14px 16px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:0;transition:border-color .15s;}
.r textarea{resize:vertical;min-height:130px;}
.r input:focus,.r textarea:focus{outline:none;border-color:var(--accent);}
.r input[aria-invalid=true],.r textarea[aria-invalid=true]{border-color:#ff5555;}
.err{color:#ff5555;font-size:.8rem;min-height:16px;display:block;margin-bottom:4px;}
.fire{width:100%;padding:18px;border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);font-family:var(--fh);font-weight:900;font-size:1rem;letter-spacing:.2em;cursor:pointer;transition:background .15s,color .15s;margin-top:6px;}
.fire:hover:not(:disabled){background:transparent;color:var(--accent);}
.fire:disabled{opacity:.6;cursor:default;}
.stat{margin:10px 0 0;font-family:var(--fh);font-size:.82rem;letter-spacing:.12em;color:var(--muted);min-height:18px;text-transform:uppercase;}
.ok{padding:16px 0;}
.ok h3{font-family:var(--fh);font-weight:900;font-size:1.6rem;letter-spacing:-0.02em;text-transform:uppercase;margin:0 0 6px;color:var(--accent);}
.ok p{color:var(--muted);margin:0;} .ok strong{color:var(--ink);}
.bot{padding:14px clamp(20px,4vw,40px);display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted);font-family:var(--fh);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:780px){.hero{grid-template-columns:1fr;}}
::selection{background:var(--accent);color:var(--on-accent);}