*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#080b13;color:#f7f8fc;min-height:100vh}.bg{position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,#35206b55,transparent 32%),radial-gradient(circle at 85% 20%,#135db855,transparent 30%),linear-gradient(135deg,#070910,#0b1020);z-index:-1}main{min-height:100vh}.card{width:min(440px,calc(100% - 32px));margin:0 auto;position:relative;top:50vh;transform:translateY(-50%);background:#111625e8;border:1px solid #ffffff14;border-radius:22px;padding:34px;box-shadow:0 24px 80px #0008}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;letter-spacing:.06em}.brand span{display:block;font-size:12px;color:#9ba8c7;letter-spacing:.15em;margin-top:2px}.logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#3267ff,#843cff);box-shadow:0 8px 30px #5b4bff55}.login h1{font-size:28px;margin:28px 0 8px}.muted{color:#9ca8c3;line-height:1.5}label{display:block;color:#cdd4e5;font-size:13px;margin:18px 0 7px}input{display:block;width:100%;margin-top:7px;background:#080c16;border:1px solid #293249;color:#fff;padding:14px 15px;border-radius:11px;outline:none}input:focus{border-color:#6f62ff;box-shadow:0 0 0 3px #6f62ff22}button{border:0;border-radius:11px;padding:14px 18px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#3d69ff,#7c43ff);color:#fff}form button{width:100%;margin-top:22px}.link{background:none;padding:12px 0;color:#aeb8ff}.msg{min-height:20px;margin-top:10px;font-size:13px;color:#ff9eaa}.hidden{display:none!important}.app header{height:76px;border-bottom:1px solid #ffffff12;background:#0d1220e8;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0}.user{display:flex;align-items:center;gap:16px;color:#cbd3e7}.ghost{background:#ffffff0d;border:1px solid #ffffff16;padding:9px 14px}.content{max-width:1200px;margin:0 auto;padding:42px 28px}.welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.welcome h1{font-size:36px;margin:7px 0}.welcome p{color:#9ca8c3}.eyebrow{color:#8e9cff;font-size:12px;font-weight:800;letter-spacing:.15em}.online{color:#73e6a3;background:#73e6a315;border:1px solid #73e6a32c;padding:9px 12px;border-radius:999px}.notice{display:flex;flex-direction:column;gap:7px;margin:28px 0;padding:18px 20px;background:#171d31;border:1px solid #ffffff12;border-radius:14px}.notice span{color:#aab4cc;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.module{padding:20px;background:#111725;border:1px solid #ffffff10;border-radius:15px;min-height:120px}.module b{display:block;font-size:16px;margin-bottom:8px}.module span{font-size:13px;color:#8995af}.module .tag{display:inline-block;margin-top:16px;color:#b5bdcf;background:#ffffff0b;border-radius:99px;padding:5px 8px;font-size:11px}@media(max-width:650px){.card{padding:25px}.app header{padding:0 16px}.user span{display:none}.content{padding:28px 18px}.welcome{flex-direction:column}.welcome h1{font-size:28px}}