:root{--primary-color:#6366f1;--primary-light:#e0e7ff;--primary-dark:#4f46e5;--primary-hover:#5b21b6;--primary-active:#4c1d95;--secondary-color:#8b5cf6;--secondary-light:#f3f4f6;--secondary-dark:#7c3aed;--accent-color:#06b6d4;--accent-light:#ecfeff;--accent-dark:#0891b2;--text-color:#2d3748;--text-dark:#1a1a1a;--text-medium:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--background-light:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--background-white:#ffffff;--border-light:#e2e8f0;--border-medium:#cbd5e0;--shadow-color:rgba(99,102,241,.2);--danger-color:#e53e3e;--danger-light:#feb2b2;--danger-dark:#c53030;--danger-bg:#fff5f5;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--box-shadow:0 8px 32px rgba(99,102,241,.25);--box-shadow-sm:0 4px 12px rgba(99,102,241,.15);--box-shadow-lg:0 16px 40px rgba(99,102,241,.3);--border-radius:16px;--transition:all .3s ease}*{box-sizing:border-box;font-family:'Rubik',sans-serif;font-size:16px}body{background:var(--background-light);margin:0;justify-content:center;align-items:center;min-height:100vh;color:var(--text-dark);position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.08) 0%,transparent 50%);z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.login,.register{background:linear-gradient(145deg,#ffffff 0%,#fafafa 100%);box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden;border:3px solid #cfddff;background-clip:padding-box;width:420px;margin:20px auto;position:relative;transform:translateY(0);transition:var(--transition)}.login::before,.register::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:300% 300%;border-radius:var(--border-radius);z-index:-1;animation:gradientShift 8s ease infinite;padding:3px;margin:-3px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.login h1,.register h1{font-size:28px;margin:0;color:white;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);padding:20px;border-radius:0;border:none;box-shadow:0 4px 20px rgba(99,102,241,.3);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login h1::after,.register h1::after{content:"For Students Only";display:block;font-size:14px;font-weight:500;margin-top:8px;opacity:.9;letter-spacing:1px}.login form,.register form{display:flex;flex-wrap:wrap;justify-content:center;padding:24px}.login form label,.register form label{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border:solid white 2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--background-white);border-top-left-radius:8px;border-bottom-left-radius:8px;position:absolute;left:0;top:0;transition:var(--transition);box-shadow:0 2px 8px rgba(99,102,241,.3);z-index:10;pointer-events:none}.login form label:hover,.register form label:hover{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color))}.login form .input-group,.register form .input-group{position:relative;width:100%;margin-bottom:20px}.login form input[type="password"],.login form input[type="text"],.register form input[type="text"],.register form input[type="password"],.register form input[type="email"],.register select{width:100%;height:50px;border:2px solid white;border-radius:10px;padding:0 15px 0 60px;transition:var(--transition);font-size:16px;color:var(--text-dark);background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 2px 8px rgba(99,102,241,.1)}.login form input[type="password"]:focus,.login form input[type="text"]:focus,.register form input[type="text"]:focus,.register form input[type="password"]:focus,.register form input[type="email"]:focus,.register select:focus{border:2px solid var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.2),inset 0 2px 4px rgba(0,0,0,.05),0 4px 12px rgba(99,102,241,.2);transform:translateY(-2px)}.login form .input-group:focus-within label,.register form .input-group:focus-within label{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,.4);border:2px solid var(--primary-color)}.login form input[type="submit"],.register form input[type="submit"]{width:100%;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;border:2px solid white;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(99,102,241,.4),0 2px 8px rgba(255,255,255,.3);position:relative;overflow:hidden}.login form input[type="submit"]:before,.register form input[type="submit"]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login form input[type="submit"]:hover,.register form input[type="submit"]:hover{box-shadow:0 6px 20px rgba(99,102,241,.6),0 4px 12px rgba(255,255,255,.4);background:linear-gradient(135deg,var(--secondary-color) 0%,var(--accent-color) 100%);border:2px solid white}.login form input[type="submit"]:hover:before,.register form input[type="submit"]:hover:before{left:100%}.login form input[type="submit"]:active,.register form input[type="submit"]:active{transform:translateY(-1px)}.login form input[type="submit"]:focus,.register form input[type="submit"]:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.3)}.login form .divider,.register form .divider{display:flex;align-items:center;width:100%;margin:16px 0}.login form .line,.register form .line{flex-grow:1;height:1px;background-color:var(--border-light)}.login form .word,.register form .word{white-space:nowrap;padding:4px 12px;margin:0 12px;font-size:12px;color:var(--text-light);background-color:var(--background-white)}.action-links{text-align:center;margin:16px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.login .register-link,.login a,.register .register-link,.register a{display:inline-block;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin:8px 6px;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.action-links a:first-child{background-color:var(--primary-color);color:white}.action-links a:first-child:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px rgba(67,97,238,.2)}.action-links a:first-child:active{background-color:var(--primary-active);transform:translateY(1px);box-shadow:0 1px 2px rgba(67,97,238,.1)}.action-links a.secondary-link:nth-child(2){background-color:var(--success-color);color:white}.action-links a.secondary-link:nth-child(2):hover{background-color:var(--success-hover);box-shadow:0 4px 8px rgba(22,163,74,.2)}.action-links a.secondary-link:nth-child(2):active{background-color:#0f6d32;transform:translateY(1px);box-shadow:0 1px 2px rgba(22,163,74,.1)}#error-log{display:block;margin:16px 0;padding:12px 16px;color:var(--danger-color);border:1px solid var(--danger-light);background-color:var(--danger-bg);border-radius:6px;width:100%;text-align:center;font-size:14px}@media (max-width:480px){.login,.register{width:95%;max-width:400px}.action-links{flex-direction:column}.login .register-link,.login a,.register .register-link,.register a{width:100%;margin:6px 0}}.btn-microsoft{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:linear-gradient(135deg,#0078d4 0%,#106ebe 100%);color:white;border:2px solid white;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);box-shadow:0 4px 12px rgba(0,120,212,.3),0 2px 8px rgba(255,255,255,.3);position:relative;overflow:hidden;margin-top:10px}.btn-microsoft:hover{background:linear-gradient(135deg,#106ebe 0%,#005a9e 100%);box-shadow:0 6px 20px rgba(0,120,212,.4),0 4px 12px rgba(255,255,255,.4);border:2px solid white}.btn-microsoft:active{transform:translateY(0)}.btn-microsoft img{margin-right:12px;width:24px;height:24px}.btn-google{display:flex;align-items:center;justify-content:center;width:100%;padding:16px;background:linear-gradient(135deg,#4285f4 0%,#357ae8 100%);color:white;border:2px solid white;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:var(--transition);box-shadow:0 4px 12px rgba(66,133,244,.3),0 2px 8px rgba(255,255,255,.3);position:relative;overflow:hidden;margin-top:10px}.btn-google:hover{background:linear-gradient(135deg,#357ae8 0%,#2a63d6 100%);box-shadow:0 6px 20px rgba(66,133,244,.4),0 4px 12px rgba(255,255,255,.4);border:2px solid white}.btn-google:active{transform:translateY(0)}.btn-google img{margin-right:12px;width:24px;height:24px}