@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}

body{min-height:100vh;background:linear-gradient(135deg,#020817 0%,#03152f 40%,#06204a 100%);display:flex;justify-content:center;align-items:center;overflow:hidden;}

.bg-overlay{position:fixed;inset:0;background-image:radial-gradient(circle at 20% 20%, rgba(0,190,255,.15), transparent 25%),radial-gradient(circle at 80% 30%, rgba(0,140,255,.15), transparent 25%),radial-gradient(circle at 60% 80%, rgba(0,200,255,.10), transparent 25%);}

.login-card{width:460px;background:rgba(8,18,45,.65);backdrop-filter:blur(18px);border-radius:28px;padding:45px;color:#fff;}

.logo-section{text-align:center;} .logo-section h1{font-size:58px;}

.separator{width:80px;height:3px;margin:30px auto;background:linear-gradient(90deg,#2563eb,#22d3ee);}

.subtitle{display:block;text-align:center;margin:10px 0 30px;color:#9ca3af;}

.input-group{display:flex;align-items:center;padding:15px;background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:15px;}

.input-group input,.input-group select{width:100%;background:none;border:none;color:#fff;outline:none;}

.input-group select option{color:#0f172a;}

.btn-login{width:100%;padding:18px;border:none;border-radius:14px;background:linear-gradient(90deg,#2563eb,#22d3ee);color:#fff;}

.footer-text{text-align:center;margin-top:20px;color:#94a3b8;}

.alert{background:#dc2626;padding:12px;border-radius:10px;margin-bottom:20px;}

.alert.success{background:#16a34a;}