@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Lora:wght@400;500&display=swap&subset=vietnamese');:root{--bg:#090b10;--panel:#131720;--line:#2a303c;--text:#f2f4f7;--muted:#8b94a2;--lime:#caff3d;--mono:"IBM Plex Mono",monospace;--serif:"Lora",serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#28303d,#0a0d12 45%);color:var(--text);font-family:Arial,sans-serif;min-height:100vh}main{max-width:1050px;margin:auto;padding:0 22px 60px}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header img{height:44px;max-width:205px;object-fit:contain}nav{display:flex;gap:18px}nav a{color:#a0a9b5;text-decoration:none;font:9px var(--mono);text-transform:uppercase}.notice{margin:18px 0;padding:13px 16px;border-radius:8px;font:11px var(--mono)}.success{background:#243018;color:var(--lime);border:1px solid #657d2e}.error{background:#351a18;color:#ff9d8d;border:1px solid #71362f}.account-intro{text-align:center;padding:80px 0 40px}.account-intro span,.member-card>span,.supporter>span,.payment>span{color:var(--lime);font:9px var(--mono);letter-spacing:1.5px}.account-intro h1{font:500 clamp(46px,7vw,70px)/1.05 var(--serif);margin:16px 0}.account-intro p{max-width:680px;margin:auto;color:var(--muted);font:14px/1.7 var(--serif)}.auth-grid,.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-grid form,.member-card,.supporter,.payment,.closed{padding:27px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#151923,#10131a)}h2{font:500 27px var(--serif)}label{display:block;margin-top:14px;color:#aab2bd;font:9px var(--mono);text-transform:uppercase}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #343b48;border-radius:7px;background:#0c0f14;color:white}button,.supporter a{display:block;width:100%;margin-top:18px;padding:12px;border:0;border-radius:8px;background:var(--lime);color:#10130b;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer}.member-card h1{font:500 36px var(--serif);margin:10px 0}.member-card p,.closed p{color:var(--muted)}.badge{display:inline-block;margin-top:15px;padding:7px 10px;border-radius:30px;background:#282d36;color:#aab2bd;font:9px var(--mono)}.badge.supporter{background:#263219;color:var(--lime)}.supporter,.payment,.closed{grid-column:2}.payment dl{display:grid;gap:8px}.payment dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font:9px var(--mono)}dd{margin:0;font-size:12px;text-align:right}.pending{color:var(--lime);font:9px/1.6 var(--mono)}@media(max-width:700px){main{padding:0 13px 35px}.auth-grid,.dashboard{grid-template-columns:1fr}.supporter,.payment,.closed{grid-column:auto}.account-intro{padding-top:55px}}