:root{--gold-primary: #c9a45b;--gold-light: #e5c88f;--gold-dark: #8b6f42;--gold-glow: rgba(201, 164, 91, .15);--dark-bg: #0a0b0e;--dark-surface: #121316;--dark-card: #1a1b1f;--dark-border: #2a2b30;--text-primary: #e5e5e5;--text-secondary: #8e8e96;--text-muted: #5f5f6b;--gradient-gold: linear-gradient(135deg, #c9a45b, #8b6f42);--gradient-dark: linear-gradient(135deg, #1a1b1f, #0a0b0e);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 20px rgba(201, 164, 91, .15);--error-red: #ff6b6b;--success-green: #00d464}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark-bg);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;line-height:1.5}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(201,164,91,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,164,91,.05) 0%,transparent 50%);animation:backgroundPulse 15s ease-in-out infinite;z-index:-1}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--dark-border) 1px,transparent 1px),linear-gradient(90deg,var(--dark-border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;animation:gridMove 20s linear infinite;z-index:-1}@keyframes backgroundPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.form-wrap{width:100%;max-width:440px;margin:2rem;animation:formAppear .8s cubic-bezier(.16,1,.3,1)}@keyframes formAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.panel{background:var(--dark-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:32px;padding:2.5rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-gold);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center;letter-spacing:-.02em;position:relative;display:inline-block;width:100%}.title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-gold);border-radius:2px}form{display:flex;flex-direction:column;gap:1.25rem}label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem;letter-spacing:.3px}input[type=text],input[type=email],input[type=password]{width:100%;padding:1rem 1.25rem;background:var(--dark-surface);border:2px solid var(--dark-border);border-radius:16px;color:var(--text-primary);font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover{border-color:var(--gold-dark)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--gold-primary);box-shadow:0 0 0 4px var(--gold-glow);background:var(--dark-card);transform:scale(1.02)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold-primary);margin-right:.5rem;cursor:pointer}input[type=checkbox]+span{color:var(--text-secondary);font-size:.95rem}button.primary{background:var(--gradient-gold);color:var(--dark-bg);border:none;padding:1rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-top:.5rem;border:1px solid rgba(255,255,255,.1)}button.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold)}button.primary:hover:before{width:300px;height:300px}button.primary:active{transform:translateY(0)}a{color:var(--gold-primary);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}a:hover{color:var(--gold-light);transform:translate(5px)}.helper{margin-top:1rem;text-align:center}.helper a{font-size:.875rem;color:var(--text-muted)}.helper a:hover{color:var(--gold-primary)}.error-message{background:#ff6b6b1a;border:1px solid var(--error-red);border-radius:12px;padding:1rem;margin-bottom:1rem;color:var(--error-red);font-size:.875rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.success-message{background:#00d4641a;border:1px solid var(--success-green);border-radius:12px;padding:1rem;margin-bottom:1rem;color:var(--success-green);font-size:.875rem}.error{color:var(--error-red);font-size:.75rem;margin-top:.25rem}.remember-me{display:flex;align-items:center;margin:.5rem 0}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--dark-border)}.divider span{padding:0 1rem;font-size:.875rem}.social-login{display:flex;gap:1rem;margin-top:1rem}.social-btn{flex:1;padding:.875rem;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;color:var(--text-secondary);text-align:center;transition:all .3s ease}.social-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary);transform:translateY(-2px)}@media(max-width:480px){.form-wrap{margin:1rem}.panel{padding:1.5rem}.title{font-size:2rem}input[type=text],input[type=email],input[type=password]{padding:.875rem 1rem}button.primary{padding:.875rem}}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--gold-glow);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.particle{position:fixed;width:2px;height:2px;background:var(--gold-primary);border-radius:50%;pointer-events:none;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}