@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f7f7f4;--bg-darker:#eef1f4;--text-main:#1f2328;--text-muted:#66707b;--accent-primary:#4d6f91;--accent-secondary:#5f84ab;--accent-tertiary:#88a5c1;--glass-bg:#ffffffc7;--glass-border:#7b8a9c24;--glass-shadow:0 16px 34px #1f232814;--surface-soft:#ffffff80;--surface-highlight:#4d6f911a;--surface-border:#7b8a9c1c;--surface-border-strong:#7b8a9c2e;--dropdown-bg:#fffffffa;--dropdown-shadow:0 18px 36px #1f23281f;--nav-bg:#ffffffd1;--nav-border:#7b8a9c24;--nav-shadow:0 12px 30px #1f232814;--nav-pill-bg:#ffffff8f;--nav-pill-active:#4d6f911a;--nav-pill-border:#7b8a9c24;--font-main:"Outfit", sans-serif;--transition:all .25s ease}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#0d1117;--bg-darker:#010409;--text-main:#c9d1d9;--text-muted:#8b949e;--accent-primary:#2f81f7;--accent-secondary:#58a6ff;--accent-tertiary:#79c0ff;--glass-bg:#161b22d1;--glass-border:#30363df5;--glass-shadow:0 18px 40px #0104096b;--surface-soft:#30363d3d;--surface-highlight:#2f81f72e;--surface-border:#30363db8;--surface-border-strong:#6e76816b;--dropdown-bg:#161b22fa;--dropdown-shadow:0 18px 36px #0104098f;--nav-bg:#161b22e0;--nav-border:#30363de0;--nav-shadow:0 12px 30px #0104097a;--nav-pill-bg:#30363d61;--nav-pill-active:#2f81f729;--nav-pill-border:#6e76813d}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-dark)}body{font-family:var(--font-main);background:radial-gradient(circle at 14% 18%, #4d6f9114, transparent 34%), radial-gradient(circle at 82% 6%, #4d6f910d, transparent 28%), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);color:var(--text-main);min-height:100vh;transition:background-color .25s,color .25s;position:relative;overflow-x:hidden}html[data-theme=dark] body{background:radial-gradient(circle at 16% 18%, #2f81f71f, transparent 30%), radial-gradient(circle at 82% 8%, #58a6ff14, transparent 24%), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%)}body:before{content:"";z-index:-1;pointer-events:none;opacity:.95;background:radial-gradient(circle at 24% 28%,#ffffff75,#0000 30%),radial-gradient(circle at 76% 14%,#ffffff2e,#0000 26%);position:fixed;inset:-25vh -22vw}html[data-theme=dark] body:before{opacity:1;background:radial-gradient(circle at 24% 28%,#58a6ff14,#0000 28%),radial-gradient(circle at 76% 14%,#2f81f714,#0000 24%)}a{color:inherit;text-decoration:none}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}ul{list-style:none}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);border-radius:24px}.site-nav{background:var(--nav-bg);border:0;border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(20px);border-radius:0}.site-header-shell{background:linear-gradient(180deg, var(--nav-bg) 0%, #fff0 100%);-webkit-backdrop-filter:blur(16px)}.mobile-nav-sheet{background:var(--nav-bg);border-top:1px solid var(--surface-border)}html[data-theme=dark] .site-header-shell{background:linear-gradient(#161b22eb 0%,#161b2200 100%)}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #5166802e}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 14px 28px #5166803d}html[data-theme=dark] .btn-primary{box-shadow:0 10px 24px #01040947}.btn-secondary{background:var(--surface-soft);color:var(--text-main);border:1px solid var(--surface-border-strong);cursor:pointer;transition:var(--transition);border-radius:12px;padding:12px 28px;font-weight:600}.btn-secondary:hover{border-color:var(--accent-secondary);color:var(--text-main);background:var(--surface-highlight)}.text-gradient{color:var(--accent-secondary)}.theme-toggle{border:1px solid var(--surface-border-strong);background:var(--surface-soft);min-height:40px;color:var(--text-main);font:inherit;cursor:pointer;transition:var(--transition);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.theme-toggle:hover{background:var(--surface-highlight);border-color:var(--accent-secondary)}.theme-toggle-icon{font-size:1rem;line-height:1}.theme-toggle-label{letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{background:var(--accent-primary);color:#fff;z-index:9999;border-radius:0 0 8px 8px;padding:10px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:12px}.skip-link:focus{outline:3px solid var(--accent-secondary);outline-offset:2px;top:0}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.btn-primary,.btn-secondary{min-width:44px;min-height:44px}@media (forced-colors:active){.text-gradient{-webkit-text-fill-color:unset;color:buttontext;background:0 0}.glass-panel{border:2px solid buttontext}.btn-primary{color:highlighttext;background:highlight}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:before{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.nav-links-desktop{display:none!important}[aria-label=Open\ menu],[aria-label=Close\ menu]{align-items:center;display:flex!important}}nav [role=menu] a:hover,nav [role=menu] a:focus-visible{background:var(--surface-highlight);outline:none;color:var(--text-main)!important}.home-main{max-width:1200px;margin:0 auto;padding:0 24px 80px}.hero-section{text-align:center;padding:80px 0 60px}.hero-free-badge{background:var(--surface-highlight);border:1px solid var(--surface-border-strong);color:var(--text-main);letter-spacing:.02em;border-radius:20px;margin-bottom:24px;padding:7px 18px;font-size:.96rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.12}.hero-subtitle{color:var(--text-muted);max-width:620px;margin:0 auto 36px;font-size:clamp(1.08rem,2.15vw,1.24rem);line-height:1.7}.hero-cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:48px;display:flex}.hero-btn{padding:14px 28px!important;font-size:1rem!important}.hero-stats{gap:0;padding:0;display:inline-flex;overflow:hidden}.hero-stat-item{border-right:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:4px;padding:20px 32px;display:flex}.hero-stat-item:last-child{border-right:none}.hero-stat-val{font-size:1.7rem;font-weight:800;line-height:1}.hero-stat-label{color:var(--text-muted);white-space:nowrap;font-size:.86rem}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-title{margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.section-subtitle{color:var(--text-muted);font-size:1.08rem}.exam-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.exam-card{border:1px solid var(--glass-border);transition:transform .2s,box-shadow .2s;overflow:hidden}.exam-card-featured{box-shadow:0 20px 46px #3549621a, 0 0 0 1px var(--exam-color,var(--surface-border-strong));position:relative}.exam-card:hover{box-shadow:0 20px 44px #3549621f, 0 0 0 1px var(--exam-color,var(--surface-border-strong));transform:translateY(-4px)}html[data-theme=dark] .exam-card:hover{box-shadow:0 20px 44px #01040959, 0 0 0 1px var(--exam-color,var(--surface-border-strong))}html[data-theme=dark] .exam-card-featured{box-shadow:0 20px 46px #0104094d, 0 0 0 1px var(--exam-color,var(--surface-border-strong))}.exam-card-header{align-items:center;gap:16px;padding:20px 24px;display:flex}.exam-icon{font-size:2rem}.exam-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.exam-title{font-size:1.3rem;font-weight:800}.exam-feature-pill{background:var(--surface-highlight);border:1px solid var(--surface-border-strong);color:var(--accent-secondary);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.exam-subtitle{color:var(--text-muted);font-size:.92rem}.exam-card-body{padding:20px 24px}.exam-desc{color:var(--text-muted);margin-bottom:20px;font-size:.98rem;line-height:1.6}.exam-links{flex-wrap:wrap;gap:8px;display:flex}.exam-link-btn{width:100%;padding:10px 16px!important;font-size:.96rem!important}.leaderboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.leaderboard-card{padding:24px}.leaderboard-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.leaderboard-card-title{margin-bottom:4px;font-size:1.18rem;font-weight:800}.leaderboard-card-subtitle{color:var(--text-muted);font-size:.92rem;line-height:1.5}.leaderboard-view-link{color:var(--text-main);white-space:nowrap;font-size:.9rem;font-weight:700}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-row{background:var(--surface-soft);border:1px solid var(--surface-border);border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.leaderboard-rank{color:var(--accent-tertiary);font-size:.98rem;font-weight:800}.leaderboard-user{flex-direction:column;gap:3px;min-width:0;display:flex}.leaderboard-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:700;overflow:hidden}.leaderboard-time{color:var(--text-muted);font-size:.82rem}.leaderboard-score{color:var(--accent-secondary);font-size:1rem;font-weight:800}.leaderboard-state{color:var(--text-muted);font-size:.94rem;line-height:1.6}.leaderboard-error{color:#c26d7f}.how-section{background:var(--surface-soft);border-radius:24px}.steps-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.step-card{text-align:center;padding:28px 24px;transition:transform .2s;position:relative}.step-card:hover{transform:translateY(-3px)}.step-number{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.step-icon{margin-bottom:12px;font-size:2rem}.step-title{margin-bottom:8px;font-size:1.08rem;font-weight:700}.step-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{padding:28px 24px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #3549621f}html[data-theme=dark] .feature-card:hover{box-shadow:0 16px 34px #01040952}.feature-icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.feature-title{margin-bottom:8px;font-size:1.08rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.upload-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:0;padding:28px 36px;display:flex}.upload-cta-content{align-items:center;gap:20px;display:flex}.upload-cta-icon{font-size:2.2rem}.upload-cta-title{margin-bottom:4px;font-size:1.1rem;font-weight:800}.upload-cta-desc{color:var(--text-muted);font-size:.96rem}.site-footer{border-radius:24px;margin:40px 24px 24px;padding:40px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:32px;display:flex}.footer-brand{max-width:260px}.footer-logo-mark{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));vertical-align:middle;border-radius:6px;width:22px;height:22px;margin-right:10px;display:inline-block}.footer-logo-text{letter-spacing:-.5px;vertical-align:middle;font-size:1.3rem;font-weight:800}.footer-tagline{color:var(--text-muted);margin-top:10px;font-size:.92rem;line-height:1.6}.footer-links-grid{flex-wrap:wrap;gap:48px;display:flex}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.footer-link{color:var(--text-muted);font-size:.94rem;transition:color .15s}.footer-link:hover{color:var(--accent-secondary)}.footer-bottom{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.footer-free-pill{background:var(--surface-highlight);border:1px solid var(--surface-border-strong);color:var(--text-main);border-radius:20px;padding:5px 14px;font-size:.88rem;font-weight:600}@media (max-width:640px){.home-main{padding:0 16px 60px}.hero-section{padding:48px 0 40px}.hero-stats{grid-template-columns:1fr 1fr;display:grid}.hero-stat-item{border-right:none;border-bottom:1px solid var(--glass-border)}.hero-stat-item:nth-child(odd){border-right:1px solid var(--glass-border)}.hero-stat-item:last-child,.hero-stat-item:nth-last-child(2):nth-child(odd){border-bottom:none}.upload-cta{text-align:center;flex-direction:column;padding:24px 20px}.upload-cta-content{text-align:center;flex-direction:column}.site-footer{margin:20px 12px 12px;padding:28px 20px}.footer-top{flex-direction:column;gap:28px}.footer-brand{max-width:100%}.footer-links-grid{gap:24px}.footer-bottom{text-align:center;flex-direction:column}.exam-cards-grid,.leaderboard-grid{grid-template-columns:1fr}.leaderboard-card-header{flex-direction:column;align-items:flex-start}.steps-row{grid-template-columns:1fr}.theme-toggle-label{display:none}}