body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#fff}.hero{height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;align-items:center}.card{text-align:center;background:#1e293b;padding:40px;border-radius:20px;box-shadow:0 0 40px #00ffc833}.logo{width:120px;margin-bottom:20px}.btn{display:inline-block;margin-top:20px;padding:14px 28px;background:#00ffc8;color:#000;border-radius:8px;text-decoration:none;font-weight:700}.btn:hover{background:#00e6b3}header{padding:20px;background:#020617;text-align:center}.dashboard{padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.box{background:#1e293b;padding:30px;border-radius:16px;transition:.3s}.box:hover{transform:translateY(-5px);box-shadow:0 0 20px #00ffc84d}