.hero,body{position:relative;min-height:100vh;display:flex}.btn-primary::after,.grid-pattern,.hero::before{height:100%;width:100%;top:0}.hero,.input-group,body{display:flex}.btn-primary,.hero,.particles{overflow:hidden}.hero::before,.particle,.particles{pointer-events:none}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--accent:#2563eb;--accent-light:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-600:#4b5563;--gray-900:#111827;--white:#ffffff}body{background:linear-gradient(135deg,#fff 0,#f8f9fa 50%,#fff 100%);color:var(--gray-900);font-family:Inter,sans-serif;overflow-x:hidden;align-items:center;justify-content:center}.hero{align-items:center;justify-content:center;width:100%;padding:2rem;background:linear-gradient(135deg,#fff 0,#fafbfc 25%,#f5f7fa 50%,#fafbfc 75%,#fff 100%)}.hero::before{content:'';position:absolute;left:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.04) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.03) 0,transparent 50%);z-index:0}.grid-pattern{position:fixed;left:0;background-size:50px 50px;background-image:linear-gradient(to right,rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(37,99,235,.03) 1px,transparent 1px);z-index:0;opacity:1}.gradient-text{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}.login-container{width:100%;max-width:480px;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.08),0 8px 30px rgba(37,99,235,.1);margin:1rem;animation:.8s ease-out fadeIn;position:relative;transition:transform .3s,box-shadow .3s;z-index:2;border:1px solid var(--gray-100);background:var(--white)}.login-container:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.12),0 12px 40px rgba(37,99,235,.15)}.login-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:2.5rem 2rem 2rem;text-align:center;border-bottom:none}.login-header h1{font-size:2.2rem;font-weight:700;margin:.5rem 0;color:var(--white)}.login-header p{color:rgba(255,255,255,.9);margin:.5rem 0 0;font-size:1rem}.login-body{padding:2.5rem;position:relative;z-index:1;background:var(--white)}.register-link{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.register-link p{color:var(--gray-600);margin:0;font-size:.95rem}.register-link a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .3s}.register-link a:hover{color:var(--primary-dark);text-decoration:underline}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-control{background-color:var(--gray-50);color:var(--gray-900);border:2px solid var(--gray-200);border-radius:.75rem;height:50px;margin-bottom:0;transition:.3s;font-size:1rem;box-shadow:none;padding-left:1.2rem}.btn-primary,.input-group i{font-size:1.1rem;transition:.3s}.form-control:focus{background-color:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);color:var(--gray-900);outline:0}.form-control::placeholder{color:var(--gray-400)}.btn-primary{background:var(--primary);border:none;color:#fff;padding:.85rem 2rem;border-radius:.75rem;position:relative;font-weight:600;width:100%;box-shadow:0 4px 14px rgba(37,99,235,.3);height:50px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.4);background:var(--primary-dark)}.btn-primary::after{content:'';position:absolute;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.6s}.btn-primary:hover::after{left:100%}.input-group{position:relative;flex-wrap:nowrap;align-items:stretch;width:100%;margin-bottom:1.5rem}.input-group-text{background-color:var(--gray-50);color:var(--gray-600);border:2px solid var(--gray-200);border-right:none;display:flex;align-items:center;justify-content:center;height:50px;width:50px;padding:0;border-radius:.75rem 0 0 .75rem;transition:.3s}.input-group .form-control{border-left:none;border-radius:0 .75rem .75rem 0;margin-bottom:0}.input-group:focus-within .input-group-text{background-color:var(--white);border-color:var(--primary);color:var(--primary)}.input-group:focus-within i{color:var(--primary)}.academy-logo{width:180px;height:auto;opacity:1;margin-bottom:1rem}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.particle{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.6;animation:20s ease-in-out infinite float}.particle:first-child{width:500px;height:500px;background:linear-gradient(135deg,#667eea 0,#764ba2 50%);top:-150px;left:-100px;animation-duration:20s}.particle:nth-child(2){width:400px;height:400px;background:linear-gradient(135deg,#f093fb 0,#f5576c 50%);top:40%;right:-150px;animation-delay:-10s;animation-duration:20s}.particle:nth-child(3){width:350px;height:350px;background:linear-gradient(135deg,#4facfe 0,#00f2fe 50%);bottom:-100px;left:30%;animation-delay:-5s;animation-duration:20s}.particle:nth-child(4){width:300px;height:300px;background:linear-gradient(135deg,rgba(37,99,235,.3) 0,rgba(59,130,246,.3) 50%);top:20%;right:20%;animation-delay:-15s;animation-duration:25s}.particle:nth-child(5){width:280px;height:280px;background:linear-gradient(135deg,rgba(167,139,250,.3) 0,rgba(139,92,246,.3) 50%);bottom:20%;left:10%;animation-delay:-8s;animation-duration:22s}.particle:nth-child(6){width:320px;height:320px;background:linear-gradient(135deg,rgba(59,130,246,.2) 0,rgba(37,99,235,.2) 50%);top:60%;right:5%;animation-delay:-12s;animation-duration:23s}@keyframes float{0%,100%{transform:translateY(0) translateX(0)}33%{transform:translateY(-30px) translateX(30px)}66%{transform:translateY(20px) translateX(-20px)}}