@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap";.rules-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.rules-modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:20px;width:100%;max-width:600px;max-height:85vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0006}:root[data-theme=light] .rules-modal-content{color:#0f172a!important;background:#fffffff5!important;border-color:#0f172a26!important;box-shadow:0 20px 60px #00000026!important}.rules-close-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.rules-close-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}:root[data-theme=light] .rules-close-btn{color:#475569;border-color:#0f172a33}:root[data-theme=light] .rules-close-btn:hover{color:#65a30d;border-color:#65a30d}.rules-modal-title{letter-spacing:2px;color:var(--text-main);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.5rem}.rules-modal-heading{color:var(--text-main);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.rules-modal-subtext{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem;line-height:1.5}:root[data-theme=light] .rules-modal-title,:root[data-theme=light] .rules-modal-heading{color:#0f172a!important}:root[data-theme=light] .rules-modal-subtext{color:#475569!important}.rules-grid{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.rule-item{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;gap:1rem;padding:1rem;transition:all .2s;display:flex}.rule-item:hover{border-color:var(--accent-primary);background:#6366f10d}:root[data-theme=light] .rule-item{background:#0f172a08!important;border-color:#0f172a1a!important}:root[data-theme=light] .rule-item:hover{background:#65a30d0f!important;border-color:#65a30d!important}.rule-num{color:var(--accent-primary);align-items:flex-start;min-width:40px;padding-top:2px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.rule-body{flex:1}.rule-title{color:var(--text-main);margin-bottom:.3rem;font-size:1rem;font-weight:600}.rule-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}:root[data-theme=light] .rule-title{color:#0f172a!important}:root[data-theme=light] .rule-desc{color:#475569!important}.rule-desc em{color:var(--accent-secondary);font-style:normal;font-weight:600}.rules-ack-btn{width:100%;margin-top:.5rem}.nav-menu-container{z-index:99999;align-items:center;gap:10px;display:flex;position:fixed;top:30px;right:30px}.home-nav-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;height:50px;color:var(--text-main);border-radius:14px;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.home-nav-btn span,.home-btn-label{font-size:.9rem;transition:color .3s;color:var(--text-main)!important;font-weight:600!important}.home-nav-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.home-nav-btn:hover span,.home-nav-btn:hover .home-btn-label{color:var(--accent-primary)!important}.nav-menu-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.nav-menu-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.nav-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);width:220px;box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;gap:10px;padding:15px;display:flex;position:absolute;top:60px;right:0}:root[data-theme=light] .nav-card,:root[data-theme=light] .nav-menu-btn,:root[data-theme=light] .home-nav-btn{color:#0f172a!important;background:#fffffff2!important;border:1px solid #0f172a26!important;box-shadow:0 12px 35px #0000001f!important}:root[data-theme=light] .home-nav-btn span,:root[data-theme=light] .home-btn-label{color:#0f172a!important;font-weight:600!important}:root[data-theme=light] .home-nav-btn:hover{border-color:var(--accent-primary)!important;background:#fff!important;box-shadow:0 6px 20px #0000001a!important}:root[data-theme=light] .home-nav-btn:hover span,:root[data-theme=light] .home-nav-btn:hover .home-btn-label{color:var(--accent-primary)!important}:root[data-theme=light] .nav-element{color:#1e293b!important}:root[data-theme=light] .nav-label,:root[data-theme=light] .nav-theme-row{color:#0f172a!important;font-weight:600!important}:root[data-theme=light] .nav-element:hover{color:#65a30d!important;background:#65a30d26!important}.nav-list{flex-direction:column;gap:5px;list-style:none;display:flex}.nav-element{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.nav-element:hover{color:var(--text-main);background:#6366f11a}.nav-label{font-size:.95rem;font-weight:500}.nav-separator{background:var(--glass-border);height:1px;margin:5px 0}:root[data-theme=light] .nav-separator{background:#0000000d}.nav-theme-row{color:var(--text-muted);align-items:center;gap:12px;padding:10px 12px;display:flex}.nav-theme-switch{width:40px;height:22px;margin-left:auto;display:inline-block;position:relative}.nav-theme-switch input{opacity:0;width:0;height:0}.nav-theme-slider{cursor:pointer;background-color:var(--bg-dark);border:1px solid var(--glass-border);border-radius:34px;transition:all .4s;position:absolute;inset:0}.nav-theme-slider:before{content:"";background-color:var(--text-main);border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}:root[data-theme=light] .nav-theme-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}:root[data-theme=light] .nav-theme-slider:before{background-color:#fff;transform:translate(18px)}input:checked+.nav-theme-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}input:checked+.nav-theme-slider:before{background-color:#fff;transform:translate(18px)}.walker-container{z-index:10000;cursor:pointer;width:60px;height:60px;position:fixed;bottom:20px;right:25px}.loader{transform-origin:100% 100%;width:200px;height:200px;position:absolute;bottom:0;right:0;scale:.2}.loader svg{position:absolute;top:0;left:0}.head{z-index:3;animation:1s ease-in infinite bob;translate:27px -30px}.bod{z-index:3;animation:1s ease-in-out infinite bob;translate:0 30px}.legr{z-index:0;animation:1s ease-in .45s infinite rstep;translate:75px 135px}.legl{z-index:3;animation:1s ease-in infinite lstep;translate:30px 155px}@keyframes bob{0%{transform:translateY(0)rotate(3deg)}5%{transform:translateY(0)rotate(3deg)}25%{transform:translateY(5px)rotate(0)}50%{transform:translateY(0)rotate(-3deg)}70%{transform:translateY(5px)rotate(0)}to{transform:translateY(0)rotate(3deg)}}@keyframes lstep{0%{transform:translateY(0)rotate(-5deg)}33%{transform:translateY(-15px)translate(32px)rotate(35deg)}66%{transform:translateY(0)translate(25px)rotate(-25deg)}to{transform:translateY(0)rotate(-5deg)}}@keyframes rstep{0%{transform:translateY(0)translate(0)rotate(-5deg)}33%{transform:translateY(-10px)translate(30px)rotate(35deg)}66%{transform:translateY(0)translate(20px)rotate(-25deg)}to{transform:translateY(0)translate(0)rotate(-5deg)}}#gnd{z-index:-1;filter:blur(.5px)drop-shadow(1px 3px 5px #000);opacity:.25;animation:5s linear infinite scroll;translate:-140px;rotate:10deg}@keyframes scroll{0%{opacity:0;transform:translateY(25px)translate(50px)}33%{opacity:.25}66%{opacity:.25}to{opacity:0;transform:translateY(-50px)translate(-100px)}}.sarcastic-popup{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--accent-primary);width:250px;color:var(--text-main);opacity:0;visibility:hidden;pointer-events:none;text-align:left;border-radius:12px;margin-bottom:15px;padding:15px;font-family:inherit;font-size:.85rem;line-height:1.4;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:100%;right:50%;transform:translateY(10px);box-shadow:0 4px 20px #6366f133}.walker-container:hover .sarcastic-popup,.walker-container:active .sarcastic-popup{opacity:1;visibility:visible;transform:translateY(0)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#000;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080;--accent-primary:#cf0;--accent-secondary:#10b981;--text-main:#ebebeb;--text-muted:#ebebeb99;--success:#10b981;--danger:#ef4444;--input-bg:#ffffff08}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f8fafc;--glass-bg:#ffffffd9;--glass-border:#0f172a1f;--glass-shadow:0 10px 30px 0 #00000014;--accent-primary:#65a30d;--accent-secondary:#059669;--text-main:#0f172a;--text-muted:#475569;--success:#16a34a;--danger:#dc2626;--input-bg:#fff}#google-btn-container{justify-content:center;width:100%;min-height:44px;margin-top:.5rem;display:flex}:root[data-theme=light] #google-btn-container,:root[data-theme=light] #google-btn-container iframe{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}:root:not([data-theme=light]) #google-btn-container,:root:not([data-theme=light]) #google-btn-container iframe{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-color:#000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";filter:blur(120px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ccff0026 0%,#0000 70%);width:60vw;height:60vh;animation:12s ease-in-out infinite alternate floatingSphere;position:fixed;top:-10vh;left:-10vw}.app-container:before{content:"";filter:blur(120px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);width:70vw;height:70vh;animation:18s ease-in-out infinite alternate-reverse floatingSphere;position:fixed;bottom:-10vh;right:-10vw}@keyframes floatingSphere{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,5vh)scale(1.1)}}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2rem}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #6366f166}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 #6366f100}.btn-secondary:hover:not(:disabled){border-color:var(--accent-secondary);color:#fff;background:#6366f126;transform:translateY(-2px);box-shadow:0 4px 20px #6366f159}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.input-glass{background:var(--input-bg,#0003);border:1px solid var(--glass-border);color:var(--text-main);border-radius:12px;outline:none;width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.input-glass:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp}.option-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-main);border-radius:16px;padding:1rem 1.5rem;font-size:1.1rem;transition:all .2s}.option-card:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}.option-card.selected{border-color:var(--accent-primary);background:#6366f133}.option-card.correct{border-color:var(--success);background:#10b98133}.option-card.incorrect{border-color:var(--danger);background:#ef444433}.setup-option-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}html,body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth!important}.app-container{will-change:transform;transform:translate(0,0)}@media (width<=768px){body:before{filter:blur(40px)!important;will-change:auto!important;width:120vw!important;height:120vh!important;animation:none!important;top:-10vh!important;left:-10vw!important}.app-container{padding:1rem!important}.glass-panel{border-radius:16px!important;padding:1.5rem!important}}@media (width<=640px){.hero-buttons-group{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important}.btn-primary,.btn-secondary{justify-content:center!important;width:100%!important;padding:14px 20px!important;font-size:1.1rem!important}}h1,h2,h3,h4,h5,h6,.heading-font{letter-spacing:-.06em!important;font-family:Space Grotesk,sans-serif!important}body,p,span,li,button,input,select,textarea,div{font-family:Space Grotesk,sans-serif}.status-badge,.rights-message,.exam-mode-label,.exam-stat-label,.qb2-text,.exam-picker-badge,.countdown-subtext,.subtitle,.wcu-label,.cert-tag,.exam-q-meta,.rule-title,.exam-review-label,.exam-res-label,code,pre,.score-cell,.final-score-box .score,.metric .val,.fc-stat .val,.fc-status,.rule-num,.indicator,.wcu-card-title,.wcu-domain-name,.wcu-domain-sub,.wcu-quote-attr,.cert-org,.exam-picker-footer,.exam-timer-text,.exam-review-num,.timer-value,#session-info{text-transform:uppercase!important;letter-spacing:.15em!important;font-family:JetBrains Mono,monospace!important}body{color:#ebebeb!important;background-color:#000!important}#root:after{content:"";opacity:.15;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-panel,.glass-card,.nav-menu-btn,.nav-card,.rules-modal-content,.sarcastic-popup,.options-panel,.leaderboard-panel,.modal-overlay,.account-modal,.cert-card,.exam-card,.exam-picker-overlay{-webkit-backdrop-filter:blur(16px)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;box-shadow:0 8px 32px #00000080!important}:root:not([data-theme=light]) .rules-modal-content,:root:not([data-theme=light]) .account-modal{-webkit-backdrop-filter:blur(24px)!important;background:#0c0c12eb!important;border:1px solid #ffffff26!important}:root:not([data-theme=light]) .text-main,:root:not([data-theme=light]) h1,:root:not([data-theme=light]) h2,:root:not([data-theme=light]) h3,:root:not([data-theme=light]) h4,:root:not([data-theme=light]) h5,:root:not([data-theme=light]) h6,:root:not([data-theme=light]) strong,:root:not([data-theme=light]) b,:root:not([data-theme=light]) body{color:#ebebeb!important}:root:not([data-theme=light]) .text-muted,:root:not([data-theme=light]) p,:root:not([data-theme=light]) span,:root:not([data-theme=light]) li,:root:not([data-theme=light]) .rights-message,:root:not([data-theme=light]) .rights-message span,:root:not([data-theme=light]) .subtitle,:root:not([data-theme=light]) .indicator{color:#ebebeb99!important}:root:not([data-theme=light]) .text-disabled,:root:not([data-theme=light]) :disabled,:root:not([data-theme=light]) .muted{color:#ebebeb4d!important}:root[data-theme=light] strong,:root[data-theme=light] b{font-weight:700;color:#0f172a!important}:root[data-theme=light] .text-main{color:#0f172a!important}:root[data-theme=light] .text-muted{color:#475569!important}.btn-primary,.auth-submit-btn,.razorpay-upgrade-btn{color:#000!important;background:linear-gradient(135deg,#cf0,#10b981)!important;border:none!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px #ccff004d!important}.btn-primary:hover:not(:disabled),.auth-submit-btn:hover,.razorpay-upgrade-btn:hover{filter:brightness(1.1)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #ccff0080!important}.setup-option-btn{color:#ebebeb!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.setup-option-btn:hover{background:#ffffff1a!important;border-color:#cf06!important;transform:translateY(-2px)!important}.setup-option-btn.active{color:#000!important;background:linear-gradient(135deg,#cf0,#10b981)!important;border:1px solid #cf0!important;font-weight:700!important;box-shadow:0 4px 15px #ccff0059!important}:root[data-theme=light] .setup-option-btn{color:#0f172a!important;background:#fff!important;border:1px solid #0f172a26!important;box-shadow:0 2px 6px #0000000a!important}:root[data-theme=light] .setup-option-btn:hover{background:#f8fafc!important;border-color:#65a30d!important}:root[data-theme=light] .setup-option-btn.active{color:#fff!important;background:linear-gradient(135deg,#4d7c0f,#3f6212)!important;border:1px solid #4d7c0f!important;box-shadow:0 4px 15px #4d7c0f4d!important}.btn-secondary{color:#cf0!important;background:0 0!important;border:1px solid #cf0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-secondary:hover:not(:disabled){color:#ebebeb!important;background:#ccff001a!important;border-color:#10b981!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #cf03!important}.option-card,.option-btn{background:#ffffff08!important;border:1px solid #ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.option-card:hover,.option-btn:hover{background:#ffffff14!important;border-color:#ccff0080!important}.option-card.selected,.option-btn.selected{background:#ccff0026!important;border-color:#cf0!important}.option-card.correct,.option-btn.correct{background:#10b98133!important;border-color:#10b981!important}.option-card.incorrect,.option-btn.incorrect{background:#ef444433!important;border-color:#ef4444!important}.topic-select,.input-glass,.form-group input{color:#ebebeb!important;background:#0c0c0c!important;border:1px solid #ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.topic-select:focus,.input-glass:focus,.form-group input:focus{border-color:#cf0!important;box-shadow:0 0 0 2px #cf03!important}*{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.floating-element{animation:6s ease-in-out infinite float!important}.app-container{-webkit-backdrop-filter:blur(20px)!important;background:#ffffff05!important;border:1px solid #ffffff1a!important;border-radius:2.5rem!important;max-width:1600px!important;min-height:calc(100vh - 80px)!important;margin:40px auto!important;padding:4rem 3rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000080!important}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;width:100%;margin-top:1rem;display:grid}.bento-card-large{grid-area:span 2/span 2}.bento-card-tall{grid-row:span 2}.wcu-card{background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:2.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.wcu-card:hover{border-color:#cf06!important}.neon-pulse-btn-cta{color:#000;cursor:pointer;z-index:1;background:#cf0;border:none;border-radius:9999px;padding:1.5rem 3.5rem;font-size:1.3rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 0 30px #ccff004d;transition:transform .2s cubic-bezier(.4,0,.2,1)!important}.neon-pulse-btn-cta:before{content:"";z-index:-1;background:#fff;width:100%;height:100%;transition:bottom .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-100%;left:0}.neon-pulse-btn-cta:hover:before{bottom:0}.neon-pulse-btn-cta:hover{transform:scale(1.05);color:#000!important}.pulse-lime-dot{background-color:#cf0;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseLime}@keyframes pulseLime{0%{box-shadow:0 0 #ccff00b3}70%{box-shadow:0 0 0 8px #cf00}to{box-shadow:0 0 #cf00}}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.contrast-grid{grid-template-columns:1fr!important;gap:3rem!important}.footer-bottom-grid{text-align:center!important;grid-template-columns:1fr!important;gap:1.5rem!important}.footer-bottom-grid div{text-align:center!important}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-card-large,.bento-card-tall{grid-area:span 1/span 1!important}.app-container{border-radius:1.5rem!important;margin:20px 10px!important;padding:2.5rem 1.5rem!important}}.landing-methodology-section{background:#ffffff05;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;border-top-left-radius:4rem;border-top-right-radius:4rem;justify-content:center;width:100vw;margin-top:4rem;margin-left:-50vw;margin-right:-50vw;padding:6rem 2rem;display:flex;position:relative;left:50%;right:50%}:root[data-theme=light] .landing-methodology-section{background:#e2e8f0;border-top:1px solid #0f172a1a;border-bottom:1px solid #0f172a1a}.contrast-grid h2,.contrast-grid h4{color:var(--text-main)!important}.contrast-grid p{color:var(--text-muted)!important}.contrast-step-num{border:2px solid var(--accent-primary);min-width:50px;height:50px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}html{background-color:#000!important;background-image:radial-gradient(circle at 20% 30%,#ccff001f 0%,#0000 60%),linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px)!important;background-repeat:no-repeat,repeat,repeat!important;background-size:100% 100%,60px 60px,60px 60px!important;background-attachment:fixed,scroll,scroll!important}body{background-color:#0000!important}body:before,body:after,#root:after,#cyber-grid{display:none!important}html,body,#root,.app-container{max-width:100vw!important;overflow-x:hidden!important}@media (width<=768px){input,select,textarea,.input-glass,.topic-select{font-size:16px!important}.app-container{border-radius:0!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0 auto!important;padding:1rem .75rem!important}.glass-panel{box-sizing:border-box!important;border-radius:16px!important;width:100%!important;max-width:100%!important;padding:1.25rem 1rem!important}.nav-menu-container{top:16px!important;right:16px!important}.nav-card{width:200px!important;right:0!important}.btn-primary,.btn-secondary,.setup-option-btn,.option-card,.input-glass{box-sizing:border-box!important;min-height:48px!important}}.liquid-glass-bg{z-index:-2;pointer-events:none;background-color:#030712;position:fixed;inset:0;overflow:hidden}.liquid-glass-overlay{z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(65px)saturate(220%)contrast(110%);background:radial-gradient(circle,#ffffff0a,#0000 70%) 0 0/100% 100%,linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/70px 70px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/70px 70px;position:fixed;inset:0}.liquid-blob{filter:blur(55px);opacity:.7;mix-blend-mode:screen;will-change:transform, border-radius;position:absolute}.liquid-blob.blob-1{background:radial-gradient(circle,#ccff0080 0%,#10b9814d 70%,#0000 100%);width:55vw;max-width:750px;height:55vw;max-height:750px;animation:22s ease-in-out infinite alternate liquidMorph1;top:-12%;left:-8%}.liquid-blob.blob-2{background:radial-gradient(circle,#6366f180 0%,#a855f759 70%,#0000 100%);width:60vw;max-width:800px;height:60vw;max-height:800px;animation:26s ease-in-out infinite alternate liquidMorph2;bottom:-15%;right:-10%}.liquid-blob.blob-3{background:radial-gradient(circle,#06b6d473 0%,#3b82f64d 70%,#0000 100%);width:45vw;max-width:620px;height:45vw;max-height:620px;animation:20s ease-in-out infinite alternate liquidMorph3;top:35%;right:10%}.liquid-blob.blob-4{background:radial-gradient(circle,#eab30859 0%,#ccff0040 70%,#0000 100%);width:42vw;max-width:550px;height:42vw;max-height:550px;animation:24s ease-in-out infinite alternate liquidMorph4;bottom:15%;left:5%}@keyframes liquidMorph1{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:70% 30% 46% 54%/30% 60% 40% 70%;transform:translate(140px,80px)scale(1.18)rotate(120deg)}66%{border-radius:38% 62% 63% 37%/70% 33% 67% 30%;transform:translate(-80px,120px)scale(.9)rotate(240deg)}to{border-radius:54% 46% 38% 62%/40% 70% 30% 60%;transform:translate(60px,-60px)scale(1.08)rotate(360deg)}}@keyframes liquidMorph2{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0)scale(1)rotate(0)}33%{border-radius:40% 60% 70% 30%/40% 50% 60% 70%;transform:translate(-120px,-90px)scale(1.22)rotate(-120deg)}66%{border-radius:70% 30% 50% 50%/30% 70%;transform:translate(90px,-140px)scale(.85)rotate(-240deg)}to{border-radius:50% 50% 60% 40%/60% 40%;transform:translate(-50px,50px)scale(1.1)rotate(-360deg)}}@keyframes liquidMorph3{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translate(0)scale(.95)}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;transform:translate(-100px,100px)scale(1.18)rotate(180deg)}to{border-radius:50% 50% 40% 60%/40% 60% 50% 50%;transform:translate(80px,-80px)scale(1)}}@keyframes liquidMorph4{0%{border-radius:50% 50% 30% 70%/50% 30% 70% 50%;transform:translate(0)scale(1)}50%{border-radius:30% 70% 60% 40%/60% 40% 40% 60%;transform:translate(110px,-90px)scale(1.2)rotate(-180deg)}to{border-radius:60% 40% 50% 50%/40% 60% 50% 50%;transform:translate(-70px,70px)scale(.9)}}.glass-panel,.glass-card,.wcu-card,.app-container{-webkit-backdrop-filter:blur(28px)saturate(180%)contrast(108%)!important;background:#ffffff09!important;border:1px solid #ffffff1f!important;border-color:#ffffff47 #ffffff1f #ffffff1f #fff3!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 20px 50px #000000a6,inset 0 1px 1px #ffffff40,0 0 40px #ccff000d!important}.glass-panel:hover,.wcu-card:hover{border-top-color:#cf09!important;box-shadow:0 25px 60px #000000bf,inset 0 1px 2px #fff6,0 0 50px #ccff0026!important}:root[data-theme=light]{background-color:#f1f5f9!important}:root[data-theme=light] body{color:#0f172a!important;background-color:#f1f5f9!important}:root[data-theme=light] .liquid-glass-bg{background-color:#f1f5f9!important}:root[data-theme=light] .liquid-glass-overlay{-webkit-backdrop-filter:blur(50px)saturate(160%)!important;background:radial-gradient(circle,#ffffffbf,#0000 70%),linear-gradient(#0f172a0a 1px,#0000 1px),linear-gradient(90deg,#0f172a0a 1px,#0000 1px)!important}:root[data-theme=light] .liquid-blob{opacity:.45;filter:blur(65px);mix-blend-mode:multiply}:root[data-theme=light] .glass-panel,:root[data-theme=light] .glass-card,:root[data-theme=light] .wcu-card,:root[data-theme=light] .app-container,:root[data-theme=light] .rules-modal-content,:root[data-theme=light] .account-modal,:root[data-theme=light] .options-panel,:root[data-theme=light] .leaderboard-panel,:root[data-theme=light] .cert-card,:root[data-theme=light] .exam-card,:root[data-theme=light] .sarcastic-popup{-webkit-backdrop-filter:blur(24px)saturate(160%)!important;color:#0f172a!important;background:#fffffff0!important;border:1px solid #0f172a1f!important;border-top-color:#fffffff2!important;box-shadow:0 15px 35px #00000014,inset 0 1px 1px #ffffffe6!important}.landing-footer h3,:root[data-theme=light] .landing-footer h3{color:#fff!important}:root[data-theme=light] .glass-panel:hover,:root[data-theme=light] .wcu-card:hover{border-top-color:#65a30d!important;box-shadow:0 20px 45px #65a30d26!important}:root[data-theme=light] .hero-giant-title{color:#0f172a!important}:root[data-theme=light] .hero-giant-title span{background:linear-gradient(135deg,#4d7c0f,#0f172a)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}:root[data-theme=light] .status-badge{color:#3f6212!important;background:#65a30d2e!important;border:1px solid #65a30d59!important;font-weight:700!important}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3,:root[data-theme=light] h4,:root[data-theme=light] .wcu-card h3{color:#0f172a!important;font-weight:700!important}:root[data-theme=light] p,:root[data-theme=light] .wcu-card p{color:#1e293b!important;font-weight:500!important}:root[data-theme=light] .wcu-section>div:first-child{color:#475569!important;font-weight:700!important}:root[data-theme=light] .btn-secondary{color:#0f172a!important;background:#fff!important;border:1.5px solid #0f172a!important;font-weight:700!important;box-shadow:0 4px 15px #0000000f!important}:root[data-theme=light] .btn-secondary:hover{color:#fff!important;background:#0f172a!important;border-color:#0f172a!important;box-shadow:0 6px 20px #0f172a40!important}:root[data-theme=light] .btn-primary{color:#fff!important;background:#4d7c0f!important;font-weight:700!important;box-shadow:0 4px 20px #4d7c0f59!important}:root[data-theme=light] .bento-card-accent{color:#fff!important;background:linear-gradient(135deg,#4d7c0f,#3f6212)!important;box-shadow:0 15px 35px #3f621240!important}:root[data-theme=light] .bento-card-accent *{color:#fff!important}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,:root[data-theme=light] .input-glass{color:#0f172a!important;background:#fff!important;border:1px solid #0f172a33!important}.founder-quote-banner,.founder-quote-card,:root[data-theme=light] .founder-quote-banner,:root[data-theme=light] .founder-quote-card{text-align:left!important;z-index:10!important;box-sizing:border-box!important;background:#0f172a!important;border:1.5px solid #cf0!important;border-radius:1.25rem!important;width:100%!important;max-width:900px!important;margin:3rem auto 0!important;padding:1.75rem 2rem!important;box-shadow:0 20px 40px #0006!important}.founder-quote-banner .founder-quote-text,.founder-quote-card .founder-quote-text,:root[data-theme=light] .founder-quote-banner .founder-quote-text,:root[data-theme=light] .founder-quote-card .founder-quote-text{color:#fff!important;letter-spacing:.2px!important;margin-bottom:1rem!important;font-size:1.05rem!important;font-style:italic!important;font-weight:500!important;line-height:1.65!important}.founder-quote-banner .founder-quote-author,.founder-quote-card .founder-quote-author,:root[data-theme=light] .founder-quote-banner .founder-quote-author,:root[data-theme=light] .founder-quote-card .founder-quote-author{letter-spacing:1.5px!important;color:#cf0!important;align-items:center!important;gap:8px!important;font-family:JetBrains Mono,monospace!important;font-size:.85rem!important;font-weight:700!important;display:flex!important}.founder-quote-banner .founder-bar,.founder-quote-card .founder-bar,:root[data-theme=light] .founder-quote-banner .founder-bar,:root[data-theme=light] .founder-quote-card .founder-bar{background:#cf0!important;width:16px!important;height:2px!important;display:inline-block!important}@media (width<=768px){html,body{font-size:14px!important}.app-container{width:100%!important;max-width:100vw!important;padding:.75rem .5rem!important;overflow-x:hidden!important}.hero-giant-title{letter-spacing:-.04em!important;margin-bottom:1.5rem!important;font-size:clamp(2.6rem,11vw,4.2rem)!important;line-height:.95!important}.hero-buttons-group{flex-direction:column!important;gap:12px!important;width:100%!important;max-width:320px!important;margin:0 auto!important}.hero-buttons-group button{justify-content:center!important;width:100%!important;padding:.85rem 1.25rem!important;font-size:.95rem!important}.bento-grid{flex-direction:column!important;gap:1rem!important;width:100%!important;display:flex!important}.bento-card-large,.bento-card-tall,.wcu-card{box-sizing:border-box!important;width:100%!important;padding:1.25rem!important}.contrast-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.contrast-grid h2{text-align:center!important;margin-bottom:1.5rem!important;font-size:1.75rem!important}.founder-quote-card{border-radius:1rem!important;margin-top:1.5rem!important;padding:1.25rem!important;position:relative!important;bottom:0!important;left:0!important;right:0!important}.founder-quote-text{margin-bottom:.5rem!important;font-size:.85rem!important;line-height:1.5!important}.footer-bottom-grid{text-align:center!important;grid-template-columns:1fr!important;gap:1.5rem!important}.footer-bottom-grid>div{text-align:center!important;justify-content:center!important}.setup-container,.quiz-card,.results-container,.auth-container,.account-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:1.25rem 1rem!important}.options-grid{grid-template-columns:1fr!important;gap:10px!important}.option-card{min-height:52px!important;padding:12px 16px!important;font-size:.95rem!important}}@media (width<=480px){.hero-giant-title{font-size:clamp(2.2rem,10vw,3.2rem)!important}.glass-panel{border-radius:14px!important;padding:1rem .85rem!important}.btn-primary,.btn-secondary{min-height:46px!important;font-size:.9rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}