@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#67e4e8;--color-primary-container:#45c8cc;--color-primary-dim:#59d8dc;--color-primary-glow:#67e4e840;--color-primary-subtle:#67e4e814;--color-secondary:#dac765;--color-secondary-container:#6f6101;--color-tertiary:#dbc9ff;--color-tertiary-container:#c2a8ff;--color-error:#ffb4ab;--color-error-container:#93000a;--color-surface:#0e141b;--color-surface-dim:#0e141b;--color-surface-bright:#343a42;--color-surface-container-lowest:#090f15;--color-surface-container-low:#161c23;--color-surface-container:#1a2027;--color-surface-container-high:#242a32;--color-surface-container-highest:#2f353d;--color-surface-variant:#2f353d;--color-on-surface:#dde3ed;--color-on-surface-variant:#bcc9c9;--color-on-primary:#003738;--color-on-secondary:#383000;--color-outline:#869393;--color-outline-variant:#3c4949;--color-background:#0e141b;--color-on-background:#dde3ed;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 2px 8px #45c8cc0f;--shadow-md:0 8px 24px #45c8cc1a;--shadow-lg:0 20px 40px #00696c26;--shadow-glow:0 0 20px #67e4e833;--shadow-glow-strong:0 0 30px #67e4e859;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--glass-bg:#2f353d99;--glass-blur:20px;--glass-border:#86939326}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-surface);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#67e4e80a 0%,#0000 50%),radial-gradient(at 80% 100%,#45c8cc08 0%,#0000 50%),radial-gradient(#dbc9ff05 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dim)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-on-surface);font-weight:600;line-height:1.2}.display-lg{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 0 40px #67e4e833;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.display-md{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:600}.headline-lg{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.headline-md{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.body-lg{font-family:var(--font-body);font-size:1.125rem;line-height:1.7}.body-md{font-family:var(--font-body);font-size:1rem;line-height:1.6}.body-sm{font-family:var(--font-body);font-size:.875rem;line-height:1.5}.label-sm{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:500}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-on-surface-variant)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-container));color:var(--color-on-primary);box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-strong);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface-container-high);color:var(--color-primary);box-shadow:0 0 0 1px var(--glass-border)}.btn-secondary:hover{background:var(--color-surface-bright);box-shadow:0 0 0 1px var(--color-primary-glow)}.btn-ghost{color:var(--color-on-surface-variant);background:0 0}.btn-ghost:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.btn-danger{background:var(--color-error-container);color:var(--color-error)}.btn-danger:hover{filter:brightness(1.2)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);box-shadow:0 0 0 1px var(--glass-border)}.card{background:var(--color-surface-container);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal)}.card:hover{background:var(--color-surface-container-high)}.input{width:100%;font-family:var(--font-body);background:var(--color-surface-container-highest);color:var(--color-on-surface);border-radius:var(--radius-md);transition:all var(--transition-normal);border:none;border-bottom:2px solid #0000;outline:none;padding:.85rem 1.25rem;font-size:1rem}.input:focus{border-bottom-color:var(--color-primary);box-shadow:0 4px 12px #67e4e81a}.input::placeholder{color:var(--color-outline)}.chip{background:var(--color-surface-container-high);border-radius:var(--radius-sm);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface-variant);align-items:center;gap:.25rem;padding:.3rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.chip-primary{color:var(--color-primary);background:#67e4e81f}.chip-secondary{color:var(--color-secondary);background:#dac7651f}.chip-tertiary{color:var(--color-tertiary);background:#dbc9ff1f}.result-correct{color:#81c784;box-shadow:inset 0 0 0 1px #4caf5066;background:#4caf5033!important}.result-partial{color:#ffb74d;box-shadow:inset 0 0 0 1px #ffb74d66;background:#ffb74d33!important}.result-wrong{color:#e57373;box-shadow:inset 0 0 0 1px #e5737366;background:#e5737333!important}.container{max-width:1200px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.container-md{max-width:1000px}.container-sm{max-width:800px}.container-xs{max-width:600px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-surface-container-high) 25%, var(--color-surface-container-highest) 37%, var(--color-surface-container-high) 63%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.4s infinite shimmer;position:relative;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #67e4e826}50%{box-shadow:0 0 25px #67e4e84d}}@keyframes correctReveal{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-in{animation:.5s forwards fadeInUp}.animate-fade{animation:.3s forwards fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--color-surface-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0e141bd9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface-container);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:.3s fadeInUp}@media (max-width:768px){.container{padding:0 var(--space-md)}.display-lg{font-size:2rem}.display-md{font-size:1.5rem}}.global-bg-wrapper{pointer-events:none;z-index:-1;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.global-bg-full{opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}.global-bg-full:after{content:"";z-index:2;background:#0a0f14b3;position:absolute;inset:0}.global-bg-image{object-fit:cover;object-position:top center;filter:blur(4px)brightness(.4)contrast(1.2);width:100%;height:100%;animation:40s ease-in-out infinite alternate kenBurns;display:block}@keyframes kenBurns{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bgFloat{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-2%,2%)}}@media (max-width:1024px){.global-bg-left,.global-bg-right{display:none}}.global-bg-fog{z-index:3;opacity:.3;pointer-events:none;background:linear-gradient(#0000 0%,#0e141b66 100%);width:200%;height:40%;animation:60s linear infinite fogSlide;position:absolute;bottom:0;left:0}@keyframes fogSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.global-bg-particles{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);opacity:0;animation:floatParticle var(--duration,10s) infinite ease-in-out;border-radius:50%;position:absolute}@keyframes floatParticle{0%{opacity:0;transform:translate(0)}20%{opacity:.4}80%{opacity:.2}to{transform:translate(var(--x), var(--y));opacity:0}}.particle-0{--x:10vw;--y:-30vh;--duration:12s;width:4px;height:4px;top:80%;left:10%}.particle-1{--x:-5vw;--y:-50vh;--duration:15s;width:3px;height:3px;top:90%;left:30%}.particle-2{--x:15vw;--y:-40vh;--duration:18s;width:5px;height:5px;top:85%;left:50%}.particle-3{--x:-10vw;--y:-60vh;--duration:20s;width:2px;height:2px;top:70%;left:70%}.particle-4{--x:5vw;--y:-25vh;--duration:14s;width:4px;height:4px;top:95%;left:80%}.particle-5{--x:12vw;--y:-45vh;--duration:17s;width:3px;height:3px;top:60%;left:20%}.particle-6{--x:-8vw;--y:-35vh;--duration:19s;width:6px;height:6px;top:75%;left:45%}.particle-7{--x:20vw;--y:-55vh;--duration:22s;width:2px;height:2px;top:82%;left:65%}.particle-8{--x:-15vw;--y:-40vh;--duration:16s;width:4px;height:4px;top:88%;left:15%}.particle-9{--x:5vw;--y:-65vh;--duration:25s;width:3px;height:3px;top:92%;left:55%}.particle-10{--x:-3vw;--y:-38vh;--duration:13s;width:5px;height:5px;top:78%;left:85%}.particle-11{--x:8vw;--y:-42vh;--duration:21s;width:2px;height:2px;top:65%;left:5%}.particle-12{--x:-12vw;--y:-50vh;--duration:24s;width:3px;height:3px;top:84%;left:95%}.particle-13{--x:6vw;--y:-35vh;--duration:11s;width:4px;height:4px;top:72%;left:40%}.particle-14{--x:-10vw;--y:-20vh;--duration:10s;width:2px;height:2px;top:98%;left:25%}.global-azure-pulse{z-index:2;pointer-events:none;background:radial-gradient(circle,#67e4e814 0%,#0000 60%);width:100vw;height:100vh;animation:8s ease-in-out infinite alternate azurePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes azurePulse{0%{opacity:.3;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}
.SplashScreen-module__I3M2YW__overlay{z-index:9999;background-color:#0e141b;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.SplashScreen-module__I3M2YW__fadeOut{opacity:0;visibility:hidden;pointer-events:none}.SplashScreen-module__I3M2YW__logoContainer{flex-direction:column;align-items:center;gap:2rem;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards SplashScreen-module__I3M2YW__logoIn;display:flex}.SplashScreen-module__I3M2YW__logo{filter:drop-shadow(0 0 30px #67e4e866);width:clamp(250px,40vw,450px);height:auto;transition:all .8s cubic-bezier(.16,1,.3,1)}.SplashScreen-module__I3M2YW__logoZoom{filter:drop-shadow(0 0 50px #67e4e899);transform:scale(1.2)}.SplashScreen-module__I3M2YW__text{letter-spacing:.4em;color:#67e4e8;opacity:.6;text-shadow:0 0 10px #67e4e84d;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700}.SplashScreen-module__I3M2YW__loader{background:#67e4e81a;border-radius:999px;width:200px;height:2px;position:relative;overflow:hidden}.SplashScreen-module__I3M2YW__loaderBar{background:linear-gradient(90deg,#0000,#67e4e8,#0000);width:100%;height:100%;animation:2s ease-in-out infinite SplashScreen-module__I3M2YW__loading;position:absolute;top:0;left:0}@keyframes SplashScreen-module__I3M2YW__logoIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes SplashScreen-module__I3M2YW__loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.ProfileButton-module__gp9bUa__floatingBtn{z-index:200;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) .5s both ProfileButton-module__gp9bUa__profileIn;display:flex;position:fixed;top:1.25rem;right:1.25rem}.ProfileButton-module__gp9bUa__floatingBtn:hover{transform:scale(1.1)}@keyframes ProfileButton-module__gp9bUa__profileIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ProfileButton-module__gp9bUa__avatar{object-fit:cover;border:2.5px solid var(--color-primary);border-radius:50%;width:48px;height:48px;transition:all .3s;box-shadow:0 4px 16px #0006,0 0 16px #67e4e840}.ProfileButton-module__gp9bUa__floatingBtn:hover .ProfileButton-module__gp9bUa__avatar{border-color:var(--color-primary-dim);box-shadow:0 4px 20px #00000080,0 0 24px #67e4e866}.ProfileButton-module__gp9bUa__avatarInitial{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-container));width:48px;height:48px;font-family:var(--font-display);color:var(--color-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #0006,0 0 16px #67e4e833}.ProfileButton-module__gp9bUa__floatingBtn:hover .ProfileButton-module__gp9bUa__avatarInitial{box-shadow:0 4px 20px #00000080,0 0 24px #67e4e859}.ProfileButton-module__gp9bUa__loginIcon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--color-primary);background:#161c23d9;border:1.5px solid #67e4e84d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 16px #0006,0 0 12px #67e4e81f}.ProfileButton-module__gp9bUa__floatingBtn:hover .ProfileButton-module__gp9bUa__loginIcon{border-color:var(--color-primary);background:#67e4e81f;box-shadow:0 4px 20px #00000080,0 0 20px #67e4e840}@media (max-width:480px){.ProfileButton-module__gp9bUa__floatingBtn{width:42px;height:42px;top:1rem;right:1rem}.ProfileButton-module__gp9bUa__avatar,.ProfileButton-module__gp9bUa__avatarInitial,.ProfileButton-module__gp9bUa__loginIcon{width:42px;height:42px}.ProfileButton-module__gp9bUa__avatarInitial{font-size:1rem}}
.Banners-module__8IlJsW__bannerContainer{z-index:40;pointer-events:none;gap:1rem;display:flex;position:fixed}.Banners-module__8IlJsW__bannerItem{pointer-events:auto;background:#00000080;border-radius:8px;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 4px 20px #00000080}.Banners-module__8IlJsW__bannerItem:hover{transform:scale(1.02)}.Banners-module__8IlJsW__bannerItem img{object-fit:cover;max-width:100%;height:auto;display:block}.Banners-module__8IlJsW__leftBanners,.Banners-module__8IlJsW__rightBanners{flex-direction:column;width:160px;top:50%;transform:translateY(-50%)}.Banners-module__8IlJsW__leftBanners{left:1rem}.Banners-module__8IlJsW__rightBanners{right:1rem}.Banners-module__8IlJsW__bottomBanners{flex-direction:row;justify-content:center;align-items:flex-end;width:100%;max-width:728px;padding-bottom:1rem;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:1300px){.Banners-module__8IlJsW__leftBanners,.Banners-module__8IlJsW__rightBanners{display:none}}@media (max-width:768px){.Banners-module__8IlJsW__bottomBanners{padding-bottom:.5rem;padding-left:1rem;padding-right:1rem}}