:root{--primary-blue:#3f5efb;--primary-dark:#2a47d7;--text-dark:#1e293b;--glass:rgba(255, 255, 255, 0.95)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#3f5efb 100%);background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column}header{background:var(--glass);backdrop-filter:blur(10px);padding:1rem 8%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,.1)}.imglogo{width:100px;margin:0;padding:0}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-blue);text-decoration:none}.logo span{color:#334155}nav ul{display:flex;list-style:none;gap:1rem}nav a{text-decoration:none;color:#475569;font-size:.9rem;font-weight:500;padding:8px 15px;border-radius:8px;transition:.3s;border-radius:5px}nav a:hover{background:rgba(63,94,251,.1);color:var(--primary-blue);border-radius:5px}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:0 0;border:none;margin-left:auto}.menu-toggle span{width:25px;height:3px;background:var(--primary-blue);border-radius:2px}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:60px 20px}.login-card{background:var(--glass);width:100%;max-width:500px;padding:3rem;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.3)}h1{font-size:1.8rem;color:#444;margin-bottom:2rem;font-weight:400}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem;color:#333}a:hover{transform:scale(1.5);background:var(--primary-blue);padding:.5rem;border-radius:3px;color:#fff}.form-group label span{color:#ef4444}.form-group input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#f8fafc;transition:.3s}.form-group input:focus{outline:0;border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 4px rgba(63,94,251,.1)}.btn-submit{display:block;margin-left:auto;background:var(--primary-blue);color:#fff;padding:12px 35px;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s}.btn-submit:hover{background:var(--primary-dark);transform:translateY(-2px)}footer{background:#000;color:#cbd5e1;padding:60px 8% 40px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto}.footer-col h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.5rem}.footer-col li,.footer-col p{font-size:.85rem;line-height:1.6;margin-bottom:8px;list-style:none}.loading .container{filter:blur(5px)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.loading .loader-overlay{visibility:visible;opacity:1}.footer-col a{color:inherit;text-decoration:none}#error{color:#c40606;font-size:.7rem;font-style:italic}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;flex-direction:column;visibility:hidden;opacity:2;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000}#message{margin-bottom:15px;text-align:center;min-height:20px;font-style:italic;margin-top:.5rem;color:red}.loader{width:80px;height:80px;border:8px solid #ddd;border-top:8px solid #1067d8;border-radius:50%;animation:spin 3s linear infinite}.loader-text{margin-top:15px;font-size:18px;color:#333}@media (max-width:850px){.menu-toggle{display:flex;margin-left:auto}nav ul{display:none;position:absolute;top:70px;left:0;width:100%;background:#fff;padding:20px;flex-direction:column;gap:12px;box-shadow:0 10px 15px rgba(0,0,0,.1)}nav ul.active{display:flex}nav ul li{width:100%}nav a{display:block;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;padding:15px;border-radius:12px;font-weight:600}nav a:hover{background:var(--primary-blue);color:#fff}.login-card{padding:2rem 1.5rem;border-radius:0}.btn-submit{width:100%}}