*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0b0b10;color:#eee}a{color:inherit;text-decoration:none}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #222;background:#101018;position:sticky;top:0;z-index:5}.nav a{margin-left:18px;color:#bbb}.nav .brand{margin:0;font-weight:800;font-size:20px;color:#fff}.brand span{color:#9b6cff}.container{max-width:1000px;margin:0 auto;padding:35px 18px}.card{background:#13131c;border:1px solid #272735;border-radius:18px;padding:24px;margin-bottom:20px}.hero{text-align:center;padding:70px 20px}.hero h1{font-size:42px;margin:12px 0}.hero p{color:#aaa}.btn{display:inline-block;border:0;border-radius:12px;background:#7c3aed;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.btn.secondary{background:#252532}.form{max-width:520px;margin:30px auto}.form label{display:block;margin:14px 0 6px;color:#bbb}.form input,.form textarea,.form select{width:100%;padding:12px;border-radius:10px;border:1px solid #303040;background:#0e0e15;color:#fff}.form textarea{min-height:110px;resize:vertical}.alert{padding:12px;border-radius:10px;background:#321b1b;color:#ffb5b5;margin-bottom:15px}.success{background:#15331f;color:#a9f4bf}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat{font-size:28px;font-weight:800}.muted{color:#999}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #282832;text-align:left}.profile{min-height:100vh;background-size:cover;background-position:center;padding:60px 16px}.profile-inner{max-width:620px;margin:auto;text-align:center}.avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #fff}.linkbtn{display:block;margin:12px 0;padding:15px;border-radius:14px;background:#171720;border:1px solid #292936}.linkbtn:hover{transform:translateY(-1px)}.danger{color:#ff7777}footer{text-align:center;padding:30px;color:#777}@media(max-width:600px){.nav{padding:0 15px}.nav a{margin-left:9px}.hero h1{font-size:32px}.table{font-size:13px}}