:root{--bg:#08111f;--panel:#101d2f;--line:#21334b;--text:#eef5ff;--muted:#96a8be;--accent:#65e6b4;--danger:#ff8f9b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#183a46 0,#08111f 38%);color:var(--text);font:15px Inter,system-ui,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:#08111fe8;position:sticky;top:0;backdrop-filter:blur(12px)}nav{display:flex;gap:22px;align-items:center}.brand{font-weight:800;color:white;font-size:18px}nav form{margin:0}.link{background:none;padding:0;color:var(--muted)}main{width:min(1120px,92%);margin:38px auto}.hero{display:flex;justify-content:space-between;align-items:end;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#11243a,#12342f)}h1{font-size:34px;margin:7px 0}.hero p,small{color:var(--muted)}.balance{text-align:right}.balance strong{display:block;font-size:38px;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.cards article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.cards b{display:block;font-size:23px;margin-top:8px}.grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.row span small{display:block;margin-top:4px}label{display:block;margin:14px 0;color:var(--muted)}input,select{width:100%;margin-top:7px;background:#091525;border:1px solid #2a3e58;border-radius:10px;padding:12px;color:white}button{border:0;border-radius:10px;padding:12px 18px;background:var(--accent);color:#062017;font-weight:800;cursor:pointer}.auth{display:grid;place-items:center;min-height:80vh}.auth .panel{width:min(430px,94%)}.alert{padding:12px;background:#4b1f2a;color:#ffdbe0;border-radius:10px}.pay{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end}.payment{font-size:13px;color:var(--muted);padding-top:10px}footer{text-align:center;color:var(--muted);padding:35px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero{align-items:start;gap:20px;flex-direction:column}.balance{text-align:left}nav a{display:none}.pay{grid-template-columns:1fr}.cards article{padding:16px}}