*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#070713;color:#f8fafc}a{color:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#3b0764 0,#070713 32%),radial-gradient(circle at 80% 80%,#075985 0,#070713 35%)}.login-card{width:min(440px,92vw);padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(18,18,38,.9),rgba(8,8,20,.82));box-shadow:0 24px 80px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.brand-orb,.logo{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);font-weight:900;box-shadow:0 0 38px rgba(139,92,246,.55)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;font-size:.76rem;font-weight:800}.login-card h1,.hero h1{font-size:clamp(2rem,5vw,4.7rem);line-height:.95;margin:.35em 0;background:linear-gradient(135deg,#fff,#c4b5fd,#67e8f9);-webkit-background-clip:text;color:transparent}.sub,.hero p,aside p,.service-card p{color:#a7b0c2}.login-form{display:grid;gap:16px;margin-top:28px}.login-form label{display:grid;gap:8px;color:#cbd5e1;font-weight:700}.login-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:white;font-size:1rem}.login-form button{padding:15px;border:0;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#0891b2);color:white;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 12px 36px rgba(124,58,237,.32)}.hint{color:#64748b;font-size:.85rem}.error{padding:12px 14px;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.4);border-radius:14px;color:#fecaca}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{padding:30px;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}aside h2{margin:18px 0 0}nav{display:grid;gap:10px;margin-top:34px}nav a{padding:12px 14px;border-radius:14px;text-decoration:none;background:rgba(255,255,255,.06);color:#dbeafe}main{padding:38px;overflow:auto}.hero{padding:32px;border-radius:28px;background:linear-gradient(135deg,rgba(88,28,135,.55),rgba(8,47,73,.46));border:1px solid rgba(255,255,255,.12)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.stats div{padding:18px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.stats b{display:block;font-size:1.5rem}.stats span{color:#94a3b8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.service-card{position:relative;min-height:210px;padding:22px;border-radius:24px;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);overflow:hidden;transition:.18s transform,.18s border-color}.service-card:before{content:"";position:absolute;inset:auto -20% -40% auto;width:190px;height:190px;border-radius:50%;background:var(--accent);filter:blur(55px);opacity:.27}.service-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent),white 15%)}.card-top,.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#e0e7ff}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.service-card h3{font-size:1.35rem;margin:28px 0 8px}.card-foot{margin-top:24px;color:#cbd5e1;font-weight:800}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{position:relative}.stats{grid-template-columns:1fr}main{padding:20px}}
