@font-face{font-family:StudyDaily;src:url(/fonts/StudyDaily.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:#f1f5f9;color-scheme:dark;-webkit-tap-highlight-color:transparent;background:#030712;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body{overscroll-behavior-y:contain;background:linear-gradient(#06b6d407 1px,#0000 1px) 0 0/80px 80px,linear-gradient(90deg,#06b6d407 1px,#0000 1px) 0 0/80px 80px,linear-gradient(160deg,#040d16 0%,#030712 50%,#060310 100%) 0 0/100% 100%;flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{background:#030712;width:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:3px}i[class*=fi]{vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}h1,h2,h3,h4,.header-logo-title,.gradient-text,.text-outline{font-family:StudyDaily,system-ui,sans-serif}:root{--accent:#06b6d4;--accent-2:#6366f1;--accent-hover:#0dd4f5;--accent-dim:#06b6d41a;--accent-border:#06b6d447;--accent-glow:#06b6d426;--surface:#111827;--surface-2:#1a2234;--border:#1f2937;--border-hover:#06b6d466;--text:#f1f5f9;--text-muted:#9ca3af;--text-dim:#374151}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes lb-spin{to{transform:rotate(360deg)}}@keyframes border-flow{0%{border-color:#06b6d440}50%{border-color:#06b6d48c}to{border-color:#06b6d440}}@keyframes title-fill{0%,to{background-position:0%}50%{background-position:100%}}@keyframes stroke-shift{0%,to{-webkit-text-stroke-color:#06b6d4}50%{-webkit-text-stroke-color:#6366f1}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes blob-cyan{0%,to{transform:translate(-50%)translateY(0)scale(1)}40%{transform:translate(-46%)translateY(-6%)scale(1.07)}70%{transform:translate(-54%)translateY(3%)scale(.96)}}@keyframes blob-indigo{0%,to{opacity:.55;transform:scale(1)rotate(0)}50%{opacity:.75;transform:scale(1.15)rotate(12deg)}}.fade-in{animation:.45s backwards fadeIn}.fade-up{animation:.6s backwards fadeUp}.floating{animation:4s ease-in-out infinite float}.gradient-text{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;background-clip:text}.text-outline{color:#0000;-webkit-text-stroke:3px var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 28px #06b6d414}.hard-card{background:var(--surface);border:1px solid var(--border);box-shadow:5px 5px 0 var(--accent);border-radius:.875rem;transition:box-shadow .12s,transform .12s,border-color .2s}.hard-card:hover{box-shadow:2px 2px 0 var(--accent);border-color:var(--accent-border);transform:translate(3px,3px)}.hard-card.tilted{transform:rotate(-2deg)}.hard-card.tilted:hover{box-shadow:2px 2px 0 var(--accent);transform:rotate(0)translate(3px,3px)}.glass{-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem}.glass-dark{-webkit-backdrop-filter:blur(14px);background:#00000040;border:1px solid #ffffff0f;border-radius:1rem}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.45rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background .2s,transform .12s,box-shadow .12s;display:inline-flex;box-shadow:4px 4px #06b6d466}.btn-primary:hover{background:var(--accent-hover);transform:translate(-1px,-1px);box-shadow:5px 5px #06b6d480}.btn-primary:active{transform:translate(3px,3px);box-shadow:1px 1px #06b6d466}.btn-secondary{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.45rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .12s,box-shadow .12s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-border);color:var(--text);background:var(--accent-dim);transform:translate(-1px,-1px);box-shadow:3px 3px #06b6d440}.btn-secondary:active{transform:translate(2px,2px);box-shadow:1px 1px #06b6d433}.header{z-index:100;background:0 0;border-bottom:1px solid #0000;align-items:center;width:100%;height:5.25rem;padding:0 2.5rem;transition:background .4s,border-color .4s,box-shadow .4s,height .4s;display:flex;position:fixed}.header.scrolled{-webkit-backdrop-filter:blur(28px);background:#030712d9;border-bottom:1px solid #ffffff12;height:4.25rem;box-shadow:0 4px 40px #0006,0 1px #06b6d40f}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:82rem;margin:0 auto;display:grid}.header-right{justify-self:end}.header-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.header-logo img{filter:drop-shadow(0 1px 4px #00000080);width:auto;height:34px;transition:filter .2s,transform .25s}.header-logo:hover img{transform:scale(1.06)}.header-logo-title{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#fff 0%,#ffffffa6 100%);-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:900;transition:opacity .2s}.header-logo:hover .header-logo-title{opacity:.85}.header-nav{align-items:center;gap:.1rem;display:flex}.header-nav-link{color:#ffffff80;letter-spacing:.01em;border-radius:.65rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s;position:relative}.header-nav-link:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.header-nav-link:hover{color:#ffffffe6}.header-nav-link:hover:after{width:55%}.header-nav-link.active{color:#fff}.header-nav-link.active:after{width:55%}.header-right{align-items:center;gap:.75rem;display:flex}.level-badge{background:var(--accent-dim);color:var(--accent);border:1px solid #06b6d440;border-radius:9999px;padding:.1rem .55rem;font-size:.65rem;font-weight:700}.xp-bar{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;box-shadow:0 0 8px #06b6d473}.rank-1{color:#f5b800}.rank-2{color:#94a3b8}.rank-3{color:#b45309}.tab-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.footer{z-index:3;background:#030712f7;border-top:1px solid #ffffff12;margin-top:3rem;position:relative}.footer-top{grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;max-width:82rem;margin:0 auto;padding:3rem 2rem 2rem;display:grid}.footer-brand{flex-direction:column;gap:.75rem;display:flex}.footer-brand-logo{align-items:center;gap:.65rem;display:flex}.footer-brand-logo img{filter:drop-shadow(0 0 6px #06b6d466);width:auto;height:24px}.footer-brand-name{letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(90deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;background-clip:text;font-size:1.05rem;font-weight:900}.footer-desc{color:#ffffff59;max-width:240px;font-size:.78rem;line-height:1.6}.footer-discord-btn{color:#7289da;background:#5865f226;border:1px solid #5865f24d;border-radius:.6rem;align-items:center;gap:.5rem;width:fit-content;padding:.45rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.footer-discord-btn:hover{color:#fff;background:#5865f247;border-color:#5865f28c}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:.75rem;font-size:.68rem;font-weight:700}.footer-col a{color:#ffffff80;margin-bottom:.45rem;font-size:.82rem;text-decoration:none;transition:color .18s,padding-left .18s;display:block}.footer-col a:hover{color:var(--accent);padding-left:4px}.footer-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:82rem;margin:0 auto;padding:1rem 2rem 1.5rem;display:flex}.footer-bottom-copy{color:#ffffff38;font-size:.72rem}.footer-bottom-copy span{color:#06b6d499}main{z-index:2;flex:1;padding-top:5.25rem;position:relative}@media (width<=767px){.header{height:4.5rem;padding:0 1rem}.header-nav{display:none}.mobile-menu-open .header-nav{backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#030712f7;flex-direction:column;gap:.25rem;padding:.75rem 1.5rem 1rem;display:flex;position:absolute;top:4.25rem;left:0;right:0}.mobile-menu-open .header-nav-link{align-items:center;min-height:44px;padding:.75rem 1rem;font-size:.95rem;display:flex}.footer-top{grid-template-columns:1fr;gap:1.5rem}.footer-discord-btn{min-height:44px}#cursor-glow,#grain-overlay{display:none!important}}@media (hover:none) and (pointer:coarse){#cursor-glow,#grain-overlay{display:none!important}.btn-primary,.btn-secondary{min-height:44px}.card:hover{box-shadow:none;transform:none}.hard-card:hover{box-shadow:5px 5px 0 var(--accent);transform:none}}@media (width<=767px){.btn-primary,.btn-secondary{min-height:44px;padding:.6rem 1.25rem}.header-nav-link{min-height:44px;padding:.65rem 1rem}}