:root{--bg-dark:#000;--bg-card:#1c1c1ea6;--bg-card-hover:#2c2c2ecc;--bg-input:#7676803d;--text-primary:#f5f5f7;--text-secondary:#86868b;--text-accent:#2997ff;--border-glass:#ffffff1f;--shadow-glow:0 0 40px #2997ff26;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-pill:999px;--ease-ios:cubic-bezier(.25,.1,.25,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.auth-container{background:radial-gradient(circle at top,#1a1b28 0,#05050a 45%,#272935 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;margin-right:40px;padding:40px;box-shadow:0 10px 30px #0000001a}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#333;margin-bottom:8px;font-size:28px;font-weight:600}.auth-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.password-options{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.remember-me{color:#666;cursor:pointer;align-items:center;font-size:14px;display:flex}.remember-me input{width:auto;margin-right:8px}.forgot-password{color:#667eea;font-size:14px;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#764ba2;text-decoration:underline}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s}.auth-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.social-login{margin-top:30px}.divider{text-align:center;margin:25px 0;position:relative}.divider span{color:#666;z-index:1;background:#fff;padding:0 15px;font-size:14px;position:relative}.divider:before{content:"";background:#eee;height:1px;position:absolute;top:50%;left:0;right:0}.social-buttons{justify-content:center;gap:10px;display:flex}.social-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.social-button:hover{background:#f8f9fa;border-color:#ccc}.auth-footer{text-align:center;border-top:1px solid #eee;margin-top:30px;padding-top:20px}.auth-footer p{color:#666;font-size:14px}.auth-footer a{color:#667eea;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.demo-credentials{background:#ffffffe6;border-radius:12px;max-width:300px;padding:25px;box-shadow:0 5px 20px #0000001a}.demo-credentials h3{color:#333;margin-bottom:15px;font-size:18px;font-weight:600}.demo-credentials p{color:#666;margin-bottom:8px;font-size:14px}.demo-credentials strong{color:#333}.demo-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-size:14px;font-weight:600;transition:transform .3s,box-shadow .3s}.demo-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.demo-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-error-message{color:#d00;background:#fee;border:1px solid #fcc;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.auth-success-message{color:#2e7d32;background:#e8f7e8;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.auth-container{flex-direction:column;padding:20px}.auth-card{margin-bottom:30px;margin-right:0;padding:30px 20px}.demo-credentials{max-width:100%}}