@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Source+Code+Pro:wght@400;700&display=swap";:root{--color-background: #1E1E1E;--color-accent: #FF4F00;--color-text-primary: #F5F5F5;--color-text-secondary: #888888;--color-border: #333333;--font-primary: "Lato", sans-serif;--font-monospace: "Source Code Pro", monospace;font-family:var(--font-primary);line-height:1.6;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-width:320px;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:20px 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-monospace);font-weight:700;color:var(--color-text-primary)}h1{font-size:3.5em;line-height:1.1}h2{font-size:2.5em;line-height:1.2}a{font-weight:500;color:var(--color-accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{display:inline-block;border-radius:4px;border:1px solid var(--color-accent);padding:.8em 1.5em;font-size:1em;font-weight:700;font-family:var(--font-monospace);background-color:var(--color-accent);color:var(--color-background);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}button:hover{background-color:transparent;color:var(--color-accent)}button:focus,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}:root{--racing-red: #dc2626;--racing-red-dark: #b91c1c;--racing-red-light: #ef4444;--championship-orange: #ea580c;--championship-orange-dark: #c2410c;--championship-orange-light: #f97316;--track-blue: #3b82f6;--track-blue-dark: #2563eb;--track-blue-light: #60a5fa;--podium-black: #09090b;--podium-gray-900: #18181b;--podium-gray-800: #27272a;--podium-gray-700: #3f3f46;--podium-gray-600: #52525b;--podium-gray-400: #a1a1aa;--podium-gray-200: #e4e4e7;--podium-white: #fafafa;--spacing-hero: 2.5rem;--spacing-card: 3rem}@media(prefers-color-scheme:light){:root{--podium-black: #fafafa;--podium-gray-900: #f4f4f5;--podium-gray-800: #e4e4e7;--podium-gray-700: #d4d4d8;--podium-gray-600: #a1a1aa;--podium-gray-400: #71717a;--podium-gray-200: #27272a;--podium-white: #09090b}}.authContainer{display:flex;min-height:100vh;background:var(--podium-black);color:var(--podium-white);position:relative;overflow:hidden}.heroSection{flex:0 0 42%;background:linear-gradient(135deg,var(--racing-red) 0%,var(--championship-orange) 100%);position:relative;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-hero);overflow:hidden}.heroSection:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 20px,transparent 20px,transparent 40px),repeating-linear-gradient(-45deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 20px,transparent 20px,transparent 40px);opacity:.15;animation:slidePattern 20s linear infinite}.heroSection:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.2) 0%,transparent 50%);animation:pulseGlow 8s ease-in-out infinite}@keyframes slidePattern{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.6}}.heroContent{position:relative;z-index:2;max-width:500px}.heroLogo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.heroLogoIcon{width:48px;height:48px;background:#fffffff2;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003}.heroLogoIcon svg{width:28px;height:28px}.heroLogoText{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.heroTitle{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.heroSubtitle{font-size:1.25rem;line-height:1.6;color:#fffffff2;margin-bottom:3rem;text-shadow:0 2px 8px rgba(0,0,0,.2);opacity:0;animation:fadeInUp .8s ease-out .6s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heroFeatures{display:flex;flex-direction:column;gap:1.25rem;opacity:0;animation:fadeInUp .8s ease-out .8s forwards}.heroFeature{display:flex;align-items:center;gap:1rem;color:#fffffff2;font-size:1rem;font-weight:500;transition:transform .3s ease,color .3s ease}.heroFeature:hover{transform:translate(8px);color:#fff}.heroFeatureIcon{flex-shrink:0;width:24px;height:24px;background:#fff3;backdrop-filter:blur(10px);border-radius:6px;display:flex;align-items:center;justify-content:center}.heroFeatureIcon svg{width:14px;height:14px;color:#fff}.loginSection{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--podium-black);position:relative}.loginSection:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--racing-red) 0%,var(--championship-orange) 50%,var(--track-blue) 100%);opacity:.3}.loginCard{width:100%;max-width:420px;animation:slideInCard .8s ease-out}@keyframes slideInCard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loginLogo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem;transition:transform .3s ease}.loginLogo:hover{transform:scale(1.05)}.loginLogoIcon{width:40px;height:40px;background:linear-gradient(135deg,var(--racing-red) 0%,var(--championship-orange) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #dc26264d}.loginLogoIcon svg{width:24px;height:24px;color:#fff}.loginLogoText{font-size:1.5rem;font-weight:700;color:var(--podium-white)}.loginTitle{font-size:2rem;font-weight:700;color:var(--podium-white);margin-bottom:.75rem;text-align:center}.loginSubtitle{font-size:1rem;color:var(--podium-gray-400);margin-bottom:2.5rem;text-align:center}.errorAlert{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.errorText{color:#fca5a5;font-size:.875rem;line-height:1.5;margin:0}.discordButton{width:100%;background:var(--podium-white);color:var(--podium-black);border:none;border-radius:10px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.discordButton:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--racing-red) 0%,var(--championship-orange) 100%);opacity:0;transition:opacity .3s ease}.discordButton:hover:before{opacity:1}.discordButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.discordButton:hover .discordButtonText,.discordButton:hover .discordIcon{color:#fff;position:relative;z-index:1}.discordButton:active{transform:translateY(0)}.discordButton:focus-visible{outline:3px solid var(--track-blue);outline-offset:2px}.discordIcon{width:24px;height:24px;transition:color .3s ease}.discordButtonText{transition:color .3s ease}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.loadingContainer{min-height:100vh;background:var(--podium-black);display:flex;align-items:center;justify-content:center}.loadingContent{text-align:center}.loadingSpinner{width:48px;height:48px;border:4px solid var(--podium-gray-800);border-top-color:var(--racing-red);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.loadingText{font-size:.875rem;color:var(--podium-gray-400)}.loginFooter{margin-top:2rem;text-align:center;font-size:.75rem;color:var(--podium-gray-600);line-height:1.5}.loginFooter a{color:var(--track-blue);text-decoration:none;transition:color .2s ease}.loginFooter a:hover{color:var(--track-blue-light);text-decoration:underline}.statusBadge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--podium-gray-900);border:1px solid var(--podium-gray-800);border-radius:999px;font-size:.875rem;color:var(--podium-gray-400);margin-bottom:1.5rem}.statusDot{width:8px;height:8px;border-radius:50%;background:var(--track-blue);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@media(max-width:1024px){.heroSection{flex:0 0 38%}.heroTitle{font-size:2.5rem}.heroSubtitle{font-size:1.125rem}}@media(max-width:768px){.authContainer{flex-direction:column}.heroSection{flex:0 0 auto;min-height:40vh;padding:2rem}.heroTitle{font-size:2rem;margin-bottom:1rem}.heroSubtitle{font-size:1rem;margin-bottom:2rem}.heroFeatures{display:none}.loginSection{min-height:60vh;padding:2rem 1.5rem}.loginSection:before{width:100%;height:4px;background:linear-gradient(90deg,var(--racing-red) 0%,var(--championship-orange) 50%,var(--track-blue) 100%)}.loginCard{max-width:100%}.loginTitle{font-size:1.75rem}}@media(max-width:480px){.heroSection{padding:1.5rem}.heroTitle{font-size:1.75rem}.heroLogoText,.loginLogoText{font-size:1.25rem}.loginTitle{font-size:1.5rem}.loginSubtitle{font-size:.875rem}.discordButton{padding:.875rem 1.25rem;font-size:.9375rem}}@media(prefers-color-scheme:light){.heroSection{background:linear-gradient(135deg,var(--racing-red) 0%,var(--championship-orange) 100%)}.loginSection:before{opacity:.2}.discordButton{background:var(--podium-black);color:var(--podium-white);box-shadow:0 4px 12px #00000014}.discordButton:hover{box-shadow:0 8px 24px #0000001f}.errorAlert{background:#dc262614;border-color:#dc262633}.errorText{color:var(--racing-red-dark)}.loadingSpinner{border-color:var(--podium-gray-200);border-top-color:var(--racing-red)}}@media print{.authContainer{display:none}}