:root{--bg:#0b1220;--surface:#0f172a;--surface-2:#111827;--text:#e5e7eb;--muted:#9ca3af;--brand:#6366f1;--brand-2:#8b5cf6;--ring:rgba(99,102,241,.4);--danger:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:linear-gradient(135deg,#3c3250,#231e32);margin:0;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}.wrap{grid-template-rows:1fr auto;place-items:center;min-height:100vh;padding:48px 16px;display:grid}.card{background:rgba(15,23,42,.6) url(/website_panel.png) 50%/cover no-repeat;border-radius:20px;width:100%;max-width:607px;padding:24px 32px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)}.card:before{content:"";z-index:0;pointer-events:none;background:rgba(0,0,0,.25);position:absolute;top:0;bottom:0;left:0;right:0}.card>*{z-index:1;position:relative}.card-header{text-align:center;margin-bottom:18px}.card-header h1{letter-spacing:.3px;margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.center{text-align:center}.tiny{font-size:12px}.link{color:#6ca8ff;cursor:pointer;z-index:1;text-decoration:underline;position:relative}.link:hover{color:#a7c8ff}.card a{pointer-events:auto}.form{gap:14px;display:grid}.label{gap:6px;font-size:14px;display:grid}.input{width:100%;color:var(--text);background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.08);border-radius:12px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform 20ms}.input::placeholder{color:#6b7280}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.btn{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;letter-spacing:.2px;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:6px;padding:12px 16px;font-weight:600;transition:transform 50ms,filter .2s,opacity .2s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:10px 12px;font-size:14px}.footer{text-align:center;margin-top:18px}