:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1f2937;--light: #f8fafc;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}.auth-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--gray-800);line-height:1.6;overflow-x:hidden;min-height:100vh}.auth-background{position:fixed;inset:0;z-index:1;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-shapes{position:absolute;inset:0}.auth-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 8s ease-in-out infinite}.auth-shape-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.auth-shape-2{width:200px;height:200px;top:60%;right:15%;animation-delay:2s}.auth-shape-3{width:150px;height:150px;top:30%;right:5%;animation-delay:4s}.auth-shape-4{width:100px;height:100px;bottom:20%;left:20%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.auth-card{background:var(--white);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;max-width:1000px;width:100%;margin:2rem;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form-section{background:var(--white);padding:3rem;display:flex;align-items:center;justify-content:center;min-height:600px}.auth-form-content{width:100%;max-width:400px}.auth-brand{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.auth-brand-icon{width:50px;height:50px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.auth-brand-text{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.auth-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.auth-subtitle{font-size:1rem;color:var(--gray-600);margin-bottom:2rem}.auth-form{margin-bottom:2rem}.auth-form-group{margin-bottom:1.5rem}.auth-label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.auth-input{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:8px;font-size:1rem;transition:var(--transition);background:var(--white)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.auth-input.is-invalid{border-color:var(--danger)}.auth-error{color:var(--danger);font-size:.875rem;margin-top:.25rem}.auth-checkbox-group{display:flex;align-items:center;gap:.5rem}.auth-checkbox{width:18px;height:18px;accent-color:var(--primary)}.auth-checkbox-label{font-size:.875rem;color:var(--gray-600);margin:0}.auth-link{color:var(--primary);text-decoration:none;font-weight:500;transition:var(--transition)}.auth-link:hover{color:var(--primary-dark);text-decoration:underline}.auth-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.auth-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-btn:active{transform:translateY(0)}.auth-footer{text-align:center}.auth-footer-text{font-size:.875rem;color:var(--gray-600);margin:0}.auth-illustration{background:linear-gradient(135deg,#1e3a8a,#7c3aed);padding:3rem;display:flex;align-items:center;justify-content:center;min-height:600px;position:relative;overflow:hidden}.auth-illustration-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.auth-astronaut{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.auth-astronaut-body{width:80px;height:100px;background:var(--white);border-radius:40px 40px 20px 20px;position:relative;animation:float 6s ease-in-out infinite;box-shadow:0 4px 20px #0000001a}.auth-astronaut-helmet{width:60px;height:60px;background:var(--white);border-radius:50%;position:absolute;top:-30px;left:10px;border:3px solid var(--accent);box-shadow:0 0 20px #06b6d44d}.auth-astronaut-visor{width:40px;height:20px;background:var(--accent);border-radius:20px 20px 0 0;position:absolute;top:15px;left:10px}.auth-astronaut-reflections{position:absolute;inset:0}.auth-reflection{position:absolute;background:#ffffff4d;border-radius:50%}.auth-reflection-1{width:8px;height:8px;top:8px;left:12px;animation:twinkle 2s ease-in-out infinite}.auth-reflection-2{width:4px;height:4px;top:20px;right:15px;animation:twinkle 2s ease-in-out infinite 1s}.auth-astronaut-arms{position:absolute;top:20px;left:-5px;right:-5px;height:20px}.auth-arm{position:absolute;width:15px;height:20px;background:var(--white);border-radius:8px;top:0}.auth-arm-left{left:0;transform:rotate(-15deg);animation:armMove 4s ease-in-out infinite}.auth-arm-right{right:0;transform:rotate(15deg);animation:armMove 4s ease-in-out infinite 2s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes armMove{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-25deg)}}.auth-holograms{position:absolute;inset:0}.auth-hologram{position:absolute;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 8s ease-in-out infinite}.auth-hologram-1{top:20%;left:10%;width:80px;height:60px;animation-delay:0s}.auth-hologram-2{top:15%;right:15%;width:70px;height:80px;animation-delay:2s}.auth-hologram-3{bottom:30%;left:5%;width:90px;height:50px;animation-delay:4s}.auth-hologram-4{bottom:20%;right:10%;width:75px;height:70px;animation-delay:6s}.auth-hologram-5{top:50%;left:5%;width:65px;height:45px;animation-delay:8s}.auth-hologram-content{padding:.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.auth-hologram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.2)}.auth-hologram-title{font-size:.6rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.auth-hologram-indicator{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.auth-hologram-trend{font-size:.5rem;color:var(--success);font-weight:600}.auth-hologram-pulse{width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.auth-hologram-score{font-size:.7rem;color:var(--accent);font-weight:700}.auth-hologram-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;height:100%}.auth-hologram-square{background:var(--warning);border-radius:2px;animation:pulse 2s ease-in-out infinite}.auth-square-1{background:var(--success);animation-delay:0s}.auth-square-2{background:var(--accent);animation-delay:.5s}.auth-square-3{background:var(--warning);animation-delay:1s}.auth-square-4{background:var(--danger);animation-delay:1.5s}.auth-hologram-data{margin-top:.25rem}.auth-data-line{font-size:.5rem;color:var(--accent);margin-bottom:.1rem;font-family:Courier New,monospace}.auth-hologram-bars{display:flex;align-items:end;gap:3px;height:100%;width:100%}.auth-hologram-bar{background:var(--accent);border-radius:2px;flex:1;animation:pulse 2s ease-in-out infinite}.auth-bar-1{background:var(--success);animation-delay:0s}.auth-bar-2{background:var(--accent);animation-delay:.3s}.auth-bar-3{background:var(--warning);animation-delay:.6s}.auth-bar-4{background:var(--danger);animation-delay:.9s}.auth-bar-5{background:var(--primary);animation-delay:1.2s}.auth-hologram-labels{display:flex;justify-content:space-between;margin-top:.2rem;font-size:.4rem;color:var(--accent);font-weight:500}.auth-hologram-lines{display:flex;flex-direction:column;gap:3px;width:100%;height:100%}.auth-hologram-line{background:var(--success);height:3px;border-radius:2px;animation:pulse 2s ease-in-out infinite}.auth-line-1{background:var(--success);animation-delay:0s}.auth-line-2{background:var(--accent);animation-delay:.5s}.auth-line-3{background:var(--warning);animation-delay:1s}.auth-line-4{background:var(--primary);animation-delay:1.5s}.auth-hologram-code{margin-top:.2rem}.auth-code-line{font-size:.4rem;color:var(--success);font-family:Courier New,monospace;margin-bottom:.1rem;animation:codeGlow 3s ease-in-out infinite}@keyframes codeGlow{0%,to{opacity:.6}50%{opacity:1}}.auth-hologram-chart{width:100%;height:100%;position:relative}.auth-hologram-line-chart{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:1px;animation:pulse 2s ease-in-out infinite}.auth-chart-point{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.auth-point-1{bottom:20%;left:10%;animation-delay:0s}.auth-point-2{bottom:40%;left:40%;animation-delay:.5s}.auth-point-3{bottom:60%;left:70%;animation-delay:1s}.auth-chart-line{position:absolute;height:1px;background:var(--accent);border-radius:1px;animation:pulse 2s ease-in-out infinite}.auth-line-chart-1{bottom:25%;left:10%;width:30%;animation-delay:0s}.auth-line-chart-2{bottom:45%;left:40%;width:30%;animation-delay:.5s}.auth-alerts{margin-top:.2rem}.auth-alert{font-size:.4rem;margin-bottom:.1rem;padding:.1rem .2rem;border-radius:2px;animation:alertPulse 2s ease-in-out infinite}.auth-alert-success{background:#10b98133;color:var(--success);border:1px solid var(--success)}.auth-alert-warning{background:#f59e0b33;color:var(--warning);border:1px solid var(--warning)}@keyframes alertPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.auth-glow-elements{position:absolute;inset:0}.auth-glow{position:absolute;border-radius:50%;background:var(--accent);opacity:.3;animation:float 10s ease-in-out infinite}.auth-glow-1{width:120px;height:120px;top:10%;right:20%;animation-delay:0s}.auth-glow-2{width:80px;height:80px;bottom:20%;left:15%;animation-delay:3s}.auth-glow-3{width:60px;height:60px;top:60%;right:5%;animation-delay:6s}.auth-glow-4{width:40px;height:40px;top:20%;left:30%;animation-delay:4s}.auth-glow-5{width:30px;height:30px;bottom:10%;left:40%;animation-delay:7s}.auth-particles{position:absolute;inset:0}.auth-particle{position:absolute;border-radius:50%;background:var(--accent);opacity:.6;animation:particleFloat 8s ease-in-out infinite}.auth-particle-1{width:3px;height:3px;top:20%;left:15%;animation-delay:0s}.auth-particle-2{width:2px;height:2px;top:40%;right:20%;animation-delay:2s}.auth-particle-3{width:4px;height:4px;bottom:30%;left:25%;animation-delay:4s}.auth-particle-4{width:2px;height:2px;top:60%;right:10%;animation-delay:6s}.auth-particle-5{width:3px;height:3px;bottom:50%;right:30%;animation-delay:1s}.auth-particle-6{width:2px;height:2px;top:30%;left:60%;animation-delay:3s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-10px) translate(5px);opacity:.8}50%{transform:translateY(-20px) translate(-5px);opacity:1}75%{transform:translateY(-10px) translate(3px);opacity:.6}}@media(max-width:768px){.auth-card{margin:1rem;border-radius:16px}.auth-form-section,.auth-illustration{padding:2rem;min-height:auto}.auth-brand-text{font-size:1.25rem}.auth-title{font-size:1.5rem}.auth-astronaut-body{width:60px;height:80px}.auth-astronaut-helmet{width:45px;height:45px;top:-22px;left:7px}.auth-hologram{transform:scale(.8)}}@media(max-width:576px){.auth-card{margin:.5rem}.auth-form-section,.auth-illustration{padding:1.5rem}.auth-brand{flex-direction:column;text-align:center;gap:.5rem}.auth-astronaut{display:none}}