:root{--bg-main: #0A0A0A;--bg-surface: #111111;--accent: #FF4D00;--text-primary: #FFFFFF;--text-secondary: #A1A1A1;--border: rgba(255, 255, 255, .05);--font-main: "Arial", sans-serif}body.login-body{background:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:0}.login-wrapper{width:100%;max-width:440px;padding:24px}.login-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:48px 32px}.login-header{margin-bottom:32px}.login-header h2{font-size:24px;font-weight:600;margin-bottom:8px;letter-spacing:-.02em}.login-header h2 span{color:var(--accent)}.login-header p{font-size:14px;color:var(--text-secondary);line-height:1.5}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.input-wrapper{position:relative;display:flex;align-items:center}.icon-input{position:absolute;left:12px;color:var(--text-secondary);font-size:18px}.login-form input{width:100%;background:#000;border:1px solid var(--border);border-radius:8px;padding:12px 12px 12px 40px;color:#fff;font-family:inherit;font-size:14px;transition:all .15s ease}.login-form input:focus{outline:none;border-color:var(--accent)}.pwd-toggle{position:absolute;right:12px;cursor:pointer;color:var(--text-secondary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:13px}.remember-me{display:flex;align-items:center;gap:8px;color:var(--text-secondary);cursor:pointer}.forgot-pwd{color:var(--accent);text-decoration:none;font-size:12px}.btn-login{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-login:hover{opacity:.9}.divider{display:flex;align-items:center;gap:16px;margin:32px 0;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-btn{background:#000;border:1px solid var(--border);color:#fff;padding:10px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.social-btn:hover{border-color:#fff3;background:#ffffff0d}.signup-link{text-align:center;margin-top:32px;font-size:13px;color:var(--text-secondary)}.signup-link a{color:var(--accent);text-decoration:none;font-weight:600}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999}.toast{background:var(--bg-surface);border:1px solid var(--border);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;box-shadow:0 10px 40px #00000080}.toast-success i{color:var(--accent)}.toast-error i{color:#ff4d4d}@keyframes slideOut{to{opacity:0;transform:translateY(10px)}}