@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&family=Press+Start+2P&family=Silkscreen:wght@400;700&family=VT323&family=Share+Tech+Mono&family=Cinzel:wght@500;700;900&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Iceberg&family=Syne+Mono&family=MedievalSharp&display=swap";.theme-effects-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10000;overflow:hidden}.snow-flake{position:absolute;color:#fff;opacity:1;filter:drop-shadow(1px 1px 3px rgba(0,0,0,.4));animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.donut{position:absolute;bottom:-50px;font-size:30px;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120vh) rotate(360deg);opacity:0}}.bat-signal-container{position:absolute;bottom:-10vh;left:50%;width:100vw;height:120vh;transform-origin:bottom center;animation:batSearchlight 12s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes batSearchlight{0%{transform:translate(-50%) rotate(-20deg)}50%{transform:translate(-50%) rotate(20deg)}to{transform:translate(-50%) rotate(-20deg)}}.bat-logo{width:250px;position:absolute;top:15vh;left:50%;transform:translate(-50%);filter:drop-shadow(0 0 30px rgba(247,221,48,.8));animation:batFlicker 7s infinite;z-index:2}.bat-beam{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60vw;height:100%;background:linear-gradient(to top,rgba(255,255,255,.4) 0%,rgba(247,221,48,.15) 60%,transparent 100%);clip-path:polygon(10% 0,90% 0,52% 100%,48% 100%);z-index:1}@keyframes batFlicker{0%,to{opacity:.8}10%,12%{opacity:.2}50%{opacity:.9}55%{opacity:.3}57%{opacity:.8}}.scanlines-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;z-index:10;pointer-events:none}.glitch-band{position:absolute;width:100vw;background:#00ffff0d;animation:glitchLine linear infinite;pointer-events:none}@keyframes glitchLine{0%{transform:translate(0);opacity:0}10%{transform:translate(-5px);opacity:.5}20%{transform:translate(5px);opacity:0}to{transform:translate(0);opacity:0}}.bubble{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#fff3);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 10px #fff3;animation:floatUp ease-in infinite}.mario-sprite{position:absolute;animation:marioRun linear infinite;image-rendering:pixelated}@keyframes marioRun{0%{left:-10vw;transform:scaleX(1)}49%{left:110vw;transform:scaleX(1)}50%{left:110vw;transform:scaleX(-1)}99%{left:-10vw;transform:scaleX(-1)}to{left:-10vw;transform:scaleX(1)}}.mario-cloud{position:absolute;font-size:40px;opacity:.7;animation:driftRight linear infinite}@keyframes driftRight{0%{transform:translate(-100px)}to{transform:translate(110vw)}}.ember{position:absolute;width:6px;height:6px;background:#ff4500;border-radius:50%;box-shadow:0 0 10px #ff4500,0 0 20px orange;animation:emberRise linear infinite;opacity:0}@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.matrix-char{position:absolute;color:#0f0;font-family:monospace;font-size:20px;text-shadow:0 0 8px #0f0,0 0 20px #0f0;animation:matrixFall linear infinite}@keyframes matrixFall{0%{transform:translateY(-100px);opacity:1}95%{transform:translateY(95vh);opacity:1}to{transform:translateY(100vh);opacity:0}}.bubble{position:absolute;bottom:-20px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;animation:bubbleRise linear infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 10px #ffffff80}@keyframes bubbleRise{0%{transform:translateY(0) scale(1) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(-120vh) scale(1.5) translate(20px);opacity:0}}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2);box-shadow:0 0 10px #fff}}.navi-fairy{position:absolute;font-size:30px;filter:drop-shadow(0 0 15px #fff) drop-shadow(0 0 30px #0ff);animation:floatNavi linear infinite alternate}@keyframes floatNavi{0%{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(100px,20px) scale(.9)}75%{transform:translate(150px,-10px) scale(1.2)}to{transform:translate(200px) scale(1)}}.bat{position:absolute;font-size:24px;animation:flyDiagonal linear infinite;opacity:.6}@keyframes flyDiagonal{0%{transform:translate(-100px,100vh) scale(.8)}to{transform:translate(110vw,-100px) scale(1.5)}}.midnight-moon{position:absolute;top:15vh;right:15vw;width:150px;height:150px;border-radius:50%;box-shadow:inset -25px -25px #f8fafc;filter:drop-shadow(0 0 15px rgba(248,250,252,.3));animation:floatSlow 10s ease-in-out infinite alternate;opacity:.9}.nebula-cloud{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:nebulaDrift 30s ease-in-out infinite alternate;z-index:0}.nebula-1{width:60vw;height:60vh;top:-10vh;left:-10vw;background:radial-gradient(circle,#4C1D95,#8B5CF6,transparent);animation-duration:40s}.nebula-2{width:50vw;height:50vh;bottom:-10vh;right:-10vw;background:radial-gradient(circle,#0F766E,#06B6D4,transparent);animation-duration:50s;animation-delay:-10s}.nebula-3{width:40vw;height:40vh;top:30vh;left:40vw;background:radial-gradient(circle,#BE185D,#EC4899,transparent);animation-duration:45s;animation-delay:-20s}@keyframes nebulaDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(5vw,5vh) scale(1.1)}to{transform:translate(-5vw,-5vh) scale(.9)}}.space-star{position:absolute;background-color:#fff;border-radius:50%;box-shadow:0 0 6px #fffc;animation:spaceStarTwinkle 4s ease-in-out infinite alternate}@keyframes spaceStarTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes floatSlow{0%{transform:translateY(0) rotate(0)}to{transform:translateY(30px) rotate(5deg)}}.pacman-img,.ghost-img{width:40px;image-rendering:pixelated}.ghost-red{filter:hue-rotate(0deg)}.ghost-pink{filter:hue-rotate(280deg)}.ghost-cyan{filter:hue-rotate(180deg)}.ghost-orange{filter:hue-rotate(30deg)}.scanline{position:absolute;width:100vw;height:2px;background:#00ffff80;box-shadow:0 0 10px #f0fc,0 0 20px #0ffc;animation:scanlineFall linear infinite}@keyframes scanlineFall{0%{transform:translateY(-10px)}to{transform:translateY(100vh)}}.minecraft-block-sprite{position:absolute;image-rendering:pixelated;animation:fall linear infinite}.leaf{position:absolute;font-size:25px;opacity:.7;animation:leafFall linear infinite}@keyframes leafFall{0%{transform:translateY(-100px) rotate(0)}25%{transform:translate(50px,25vh) rotate(90deg)}50%{transform:translate(-50px,50vh) rotate(180deg)}75%{transform:translate(50px,75vh) rotate(270deg)}to{transform:translateY(110vh) rotate(360deg)}}.float-up{position:absolute;bottom:-50px;animation:genericFloatUp linear infinite}@keyframes genericFloatUp{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-120vh) rotate(360deg);opacity:0}}.drift-left{position:absolute;animation:genericDriftLeft linear infinite}@keyframes genericDriftLeft{0%{transform:translate(110vw)}to{transform:translate(-100px)}}.navi-wing-l{transform-origin:50% 50%;animation:flapLeft .15s alternate infinite ease-in-out}.navi-wing-r{transform-origin:50% 50%;animation:flapRight .15s alternate infinite ease-in-out}@keyframes flapLeft{0%{transform:scaleY(1) rotate(-10deg)}to{transform:scaleY(.3) rotate(20deg)}}@keyframes flapRight{0%{transform:scaleY(1) rotate(10deg)}to{transform:scaleY(.3) rotate(-20deg)}}.bat-wing{transform-origin:50% 50%;animation:flapBat .15s alternate infinite}@keyframes flapBat{0%{transform:scaleY(1)}to{transform:scaleY(.4)}}.pokeball-bounce{position:absolute;bottom:0;animation:pokeballBounce linear infinite}@keyframes pokeballBounce{0%{transform:translateY(-100vh) rotate(0);opacity:1}60%{transform:translateY(0) rotate(360deg);opacity:1}75%{transform:translateY(-30vh) rotate(540deg);opacity:1}90%{transform:translateY(0) rotate(720deg);opacity:0}to{transform:translateY(0) rotate(720deg);opacity:0}}.pokemon-sprite{position:absolute;bottom:10px;animation:pokemonWalk linear infinite;image-rendering:pixelated}@keyframes pokemonWalk{0%{left:110vw;transform:scaleX(1)}49.9%{left:-20vw;transform:scaleX(1)}50%{left:-20vw;transform:scaleX(-1)}99.9%{left:110vw;transform:scaleX(-1)}to{left:110vw;transform:scaleX(1)}}.midnight-star{position:absolute;background-color:#fff;border-radius:50%;opacity:0;animation:starTwinkle infinite alternate ease-in-out;box-shadow:0 0 5px 1px #fff6}@keyframes starTwinkle{0%{opacity:.1;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(to right,#fff,#fff0);opacity:0;transform:rotate(-45deg);animation:shootingStar linear infinite}@keyframes shootingStar{0%{transform:rotate(-45deg) translate(0);opacity:1}10%{transform:rotate(-45deg) translate(-100vw);opacity:0}to{transform:rotate(-45deg) translate(-100vw);opacity:0}}@keyframes pacmanSlideRight{0%{transform:translate(0)}to{transform:translate(calc(100vw + 600px))}}@keyframes pacmanSlideLeft{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 600px))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}:root{--font-primary: "Outfit", sans-serif;--font-secondary: "Inter", sans-serif;--primary: #2563EB;--primary-dark: #1E40AF;--primary-mid: #3B82F6;--secondary: #F59E0B;--accent: #EF4444;--tertiary: #8B5CF6;--electric: #0891B2;--bg-hero: #FFFFFF;--bg-dark: #111827;--bg-subtle: #F9FAFB;--bg-white: #FFFFFF;--bg-body: #F5F0FF;--text: #0F172A;--text-muted: #334155;--text-light: #94A3B8;--border: #0F172A;--shadow-sm: 4px 4px 0px #0F172A;--shadow-md: 8px 8px 0px #F59E0B;--shadow-lg: 12px 12px 0px #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--nav-btn-text: #FFFFFF}[data-theme=mario]{--font-primary: "VT323", monospace;--primary: #E52521;--primary-dark: #B51C18;--primary-mid: #FF423E;--secondary: #43B047;--accent: #C84C0C;--tertiary: #0057B7;--electric: #43B047;--bg-hero: #5C94FC;--bg-dark: #2C2C2C;--bg-subtle: #B4D0FF;--bg-white: #FFFFFF;--bg-body: #5C94FC;--text: #000000;--text-muted: #003B8E;--text-light: #555555;--border: #000000;--shadow-sm: 4px 4px 0px #000000;--shadow-md: 8px 8px 0px #000000;--shadow-lg: 12px 12px 0px #000000;--nav-btn-text: #FFFFFF}[data-theme=discord]{--font-primary: "Inter", sans-serif;--primary: #818CF8;--primary-dark: #6366F1;--primary-mid: #4F46E5;--secondary: #38BDF8;--accent: #FDE047;--tertiary: #C084FC;--electric: #A78BFA;--bg-hero: #0F172A;--bg-dark: #020617;--bg-subtle: #1E293B;--bg-white: #0F172A;--bg-body: #090E17;--text: #F8FAFC;--text-muted: #94A3B8;--text-light: #64748B;--border: #1E293B;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .8), 0 0 20px rgba(129, 140, 248, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .9), 0 0 30px rgba(56, 189, 248, .2);--nav-btn-text: #F8FAFC}[data-theme=vaporwave]{--font-primary: "Outfit", sans-serif;--primary: #FF71CE;--primary-dark: #B9428F;--primary-mid: #FF99DE;--secondary: #01CDFE;--accent: #05FFA1;--tertiary: #B967FF;--electric: #FFF563;--bg-hero: #110022;--bg-dark: #090011;--bg-subtle: #1F0044;--bg-white: #2D0066;--bg-body: #110022;--text: #FFF563;--text-muted: #01CDFE;--text-light: #B967FF;--border: #01CDFE;--shadow-sm: 4px 4px 0px #01CDFE;--shadow-md: 8px 8px 0px #FF71CE;--shadow-lg: 12px 12px 0px #05FFA1;--nav-btn-text: #110022}[data-theme=snake]{--font-primary: "Silkscreen", cursive;--font-secondary: "Silkscreen", cursive;--primary: #0f380f;--primary-dark: #000000;--primary-mid: #306230;--secondary: #306230;--accent: #0f380f;--tertiary: #306230;--electric: #0f380f;--bg-hero: #9bbc0f;--bg-dark: #8bac0f;--bg-subtle: #8bac0f;--bg-white: #9bbc0f;--bg-body: #9bbc0f;--text: #0f380f;--text-muted: #306230;--text-light: #306230;--border: #0f380f;--shadow-sm: 4px 4px 0px #306230;--shadow-md: 8px 8px 0px #0f380f;--shadow-lg: 12px 12px 0px #0f380f;--nav-btn-text: #9bbc0f}[data-theme=gruvbox]{--font-primary: "Inter", monospace;--primary: #fe8019;--primary-dark: #d65d0e;--primary-mid: #fabd2f;--secondary: #b8bb26;--accent: #fb4934;--tertiary: #d3869b;--electric: #8ec07c;--bg-hero: #282828;--bg-dark: #1d2021;--bg-subtle: #3c3836;--bg-white: #32302f;--bg-body: #282828;--text: #ebdbb2;--text-muted: #a89984;--text-light: #928374;--border: #504945;--shadow-sm: 4px 4px 0px #1d2021;--shadow-md: 8px 8px 0px #fe8019;--shadow-lg: 12px 12px 0px #b8bb26;--nav-btn-text: #282828}[data-theme=zelda]{--font-primary: "Cinzel", serif;--primary: #d4af37;--primary-dark: #aa8c2c;--primary-mid: #ebd87e;--secondary: #034b03;--accent: #6a0dad;--tertiary: #8b4513;--electric: #228b22;--bg-hero: #fdfbf3;--bg-dark: #1c211c;--bg-subtle: #e8dcc4;--bg-white: #f5deb3;--bg-body: #e8dcc4;--text: #3e2a14;--text-muted: #034b03;--text-light: #8b4513;--border: #8b4513;--shadow-sm: 4px 4px 0px #8b4513;--shadow-md: 8px 8px 0px #d4af37;--shadow-lg: 12px 12px 0px #034b03;--nav-btn-text: #ffffff}[data-theme=gh-dark]{--font-primary: "Inter", sans-serif;--primary: #58a6ff;--primary-dark: #1f6feb;--primary-mid: #79c0ff;--secondary: #238636;--accent: #f85149;--tertiary: #d2a8ff;--electric: #3fb950;--bg-hero: #0d1117;--bg-dark: #010409;--bg-subtle: #161b22;--bg-white: #21262d;--bg-body: #0d1117;--text: #c9d1d9;--text-muted: #8b949e;--text-light: #484f58;--border: #30363d;--shadow-sm: 4px 4px 0px #010409;--shadow-md: 8px 8px 0px #21262d;--shadow-lg: 12px 12px 0px #58a6ff;--nav-btn-text: #ffffff}[data-theme=minimal]{--font-primary: "Playfair Display", serif;--primary: #000000;--primary-dark: #333333;--primary-mid: #111111;--secondary: #666666;--accent: #444444;--tertiary: #999999;--electric: #cccccc;--bg-hero: #ffffff;--bg-dark: #000000;--bg-subtle: #f5f5f5;--bg-white: #ffffff;--bg-body: #ffffff;--text: #000000;--text-muted: #555555;--text-light: #999999;--border: #000000;--shadow-sm: 4px 4px 0px #000000;--shadow-md: 8px 8px 0px #555555;--shadow-lg: 12px 12px 0px #dddddd;--nav-btn-text: #ffffff}[data-theme=dark]{--primary: #F59E0B;--primary-dark: #D97706;--primary-mid: #FBBF24;--secondary: #FF3366;--accent: #A3E635;--bg-hero: #0A0A0B;--bg-dark: #000000;--bg-subtle: #18181B;--bg-white: #121214;--bg-body: #000000;--text: #FDFCF2;--text-muted: #A1A1AA;--text-light: #52525B;--tertiary: #A855F7;--electric: #06B6D4;--border: #F59E0B;--shadow-sm: 4px 4px 0px #F59E0B;--shadow-md: 8px 8px 0px #A3E635;--shadow-lg: 12px 12px 0px #F472B6;--nav-btn-text: #000000}[data-theme=batman]{--primary: #FBBF24;--primary-dark: #D97706;--primary-mid: #FDE68A;--secondary: #9CA3AF;--accent: #4B5563;--bg-hero: #111827;--bg-dark: #000000;--bg-subtle: #1F2937;--bg-white: #111827;--bg-body: #030712;--text: #F3F4F6;--text-muted: #9CA3AF;--text-light: #6B7280;--tertiary: #9CA3AF;--electric: #FBBF24;--border: #374151;--shadow-sm: 4px 4px 0px #000000;--shadow-md: 8px 8px 0px #FBBF24;--shadow-lg: 12px 12px 0px #374151;--nav-btn-text: #000000}[data-theme=nord]{--primary: #5FB3B3;--primary-dark: #4F9B9B;--primary-mid: #66C2C2;--secondary: #F99157;--accent: #99C794;--bg-hero: #21333D;--bg-dark: #152027;--bg-subtle: #263B46;--bg-white: #343D46;--bg-body: #1B2B34;--text: #D8DEE9;--text-muted: #A6B2C0;--text-light: #65737E;--tertiary: #C594C5;--electric: #FAC863;--border: #4F5B66;--shadow-sm: 4px 4px 0px #4F5B66;--shadow-md: 8px 8px 0px #5FB3B3;--shadow-lg: 12px 12px 0px #F99157;--nav-btn-text: #1B2B34}[data-theme=solarized]{--primary: #b58900;--primary-dark: #cb4b16;--primary-mid: #2aa198;--secondary: #d33682;--accent: #268bd2;--bg-hero: #fdf6e3;--bg-dark: #eee8d5;--bg-subtle: #eee8d5;--bg-white: #fdf6e3;--bg-body: #eee8d5;--text: #073642;--text-muted: #586e75;--text-light: #657b83;--tertiary: #6c71c4;--electric: #859900;--border: #93a1a1;--shadow-sm: 4px 4px 0px #93a1a1;--shadow-md: 8px 8px 0px #2aa198;--shadow-lg: 12px 12px 0px #b58900;--nav-btn-text: #fdf6e3}[data-theme=dracula]{--primary: #bd93f9;--primary-dark: #ff79c6;--primary-mid: #8be9fd;--secondary: #ffb86c;--accent: #50fa7b;--bg-hero: #282a36;--bg-dark: #21222c;--bg-subtle: #44475a;--bg-white: #282a36;--bg-body: #282a36;--text: #f8f8f2;--text-muted: #6272a4;--text-light: #6272a4;--tertiary: #ff79c6;--electric: #f1fa8c;--border: #44475a;--shadow-sm: 4px 4px 0px #44475a;--shadow-md: 8px 8px 0px #bd93f9;--shadow-lg: 12px 12px 0px #ff79c6;--nav-btn-text: #282a36}[data-theme=retro]{--primary: #ff007f;--primary-dark: #cc0066;--primary-mid: #ff66b2;--secondary: #00ffff;--accent: #ffff00;--bg-hero: #1a0033;--bg-dark: #0d001a;--bg-subtle: #2a004d;--bg-white: #1a0033;--bg-body: #1a0033;--text: #ffffff;--text-muted: #ffb3d9;--text-light: #cc99ff;--tertiary: #ff9900;--electric: #00ffcc;--border: #ff007f;--shadow-sm: 4px 4px 0px #ff007f;--shadow-md: 8px 8px 0px #00ffff;--shadow-lg: 12px 12px 0px #ffff00;--nav-btn-text: #0d001a}[data-theme=pacman]{--font-primary: "Press Start 2P", system-ui;--primary: #ffff00;--primary-dark: #cccc00;--primary-mid: #ffb8ae;--secondary: #ff0000;--accent: #00ffff;--bg-hero: #000000;--bg-dark: #000000;--bg-subtle: #111111;--bg-white: #000000;--bg-body: #000000;--text: #ffffff;--text-muted: #aaaaaa;--text-light: #555555;--tertiary: #ffb8ae;--electric: #ffb8ff;--border: #0000ff;--shadow-sm: 4px 4px 0px #0000ff;--shadow-md: 8px 8px 0px #ffff00;--shadow-lg: 12px 12px 0px #ff0000;--nav-btn-text: #000000}[data-theme=minecraft]{--font-primary: "Silkscreen", cursive;--primary: #5a8f30;--primary-dark: #3a5c1f;--primary-mid: #7ba554;--secondary: #744c29;--accent: #969696;--bg-hero: #866043;--bg-dark: #513a29;--bg-subtle: #9e714f;--bg-white: #866043;--bg-body: #866043;--text: #ffffff;--text-muted: #cccccc;--text-light: #999999;--tertiary: #555555;--electric: #5a8f30;--border: #3a291d;--shadow-sm: 4px 4px 0px #3a291d;--shadow-md: 8px 8px 0px #5a8f30;--shadow-lg: 12px 12px 0px #744c29;--nav-btn-text: #ffffff}[data-theme=matrix]{--font-primary: "VT323", monospace;--primary: #00ff00;--primary-dark: #009900;--primary-mid: #33ff33;--secondary: #00cc00;--accent: #00ff00;--bg-hero: #000000;--bg-dark: #000000;--bg-subtle: #0a1f0a;--bg-white: #000000;--bg-body: #000000;--text: #00ff00;--text-muted: #00cc00;--text-light: #009900;--tertiary: #00ff00;--electric: #00ff00;--border: #00ff00;--shadow-sm: 4px 4px 0px #009900;--shadow-md: 8px 8px 0px #00cc00;--shadow-lg: 12px 12px 0px #00ff00;--nav-btn-text: #000000}[data-theme=cyberpunk]{--font-primary: "Share Tech Mono", monospace;--primary: #fce205;--primary-dark: #cca300;--primary-mid: #ffe633;--secondary: #00f0ff;--accent: #ff003c;--bg-hero: #121212;--bg-dark: #000000;--bg-subtle: #1f1f1f;--bg-white: #121212;--bg-body: #121212;--text: #fce205;--text-muted: #00f0ff;--text-light: #888888;--tertiary: #b026ff;--electric: #39ff14;--border: #00f0ff;--shadow-sm: 4px 4px 0px #00f0ff;--shadow-md: 8px 8px 0px #ff003c;--shadow-lg: 12px 12px 0px #b026ff;--nav-btn-text: #000000}body{font-family:Inter,sans-serif;background:var(--bg-body);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes aurora{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f0abfc4d}50%{box-shadow:0 0 40px #f0abfcb3,0 0 80px #7c3aed4d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}h1,h2,h3,h4{font-family:var(--font-primary),sans-serif;line-height:1.15}button{cursor:pointer;border:none;font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}input,select,textarea{font-family:Inter,sans-serif;color:var(--text);background:var(--bg-white)}input::placeholder,textarea::placeholder{color:var(--text-light)}.page-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}@media (max-width: 640px){.page-container{padding:0 16px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-nav, rgba(255, 255, 255, .3));border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between;padding:0 40px;transition:var(--transition)}[data-theme=dark] .navbar{--bg-nav: rgba(10, 10, 11, .4)}@media (max-width: 768px){.navbar{padding:0 20px;height:60px}}.navbar.scrolled{background:var(--bg-white);box-shadow:0 4px 30px #0000001a;border-bottom-color:var(--border)}.navbar-logo{font-family:var(--font-primary),sans-serif;font-weight:900;font-size:1.3rem;color:var(--text);letter-spacing:-.02em;cursor:pointer}.hero{min-height:100vh;background:var(--bg-hero);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.course-card{background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}@media (max-width: 640px){.course-card{padding:24px 20px}}.course-card:hover{transform:translateY(-4px) translate(-4px);box-shadow:8px 8px 0 var(--accent);border-color:var(--text)}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.course-card:hover:before{transform:scaleX(1)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm)}.accordion-header:hover{transform:translateY(-2px) translate(-2px);box-shadow:6px 6px 0 var(--secondary);border-color:var(--text)}.accordion-header.open{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom-color:transparent;background:var(--primary);color:var(--bg-hero);box-shadow:none;transform:none}.accordion-body{background:var(--bg-white);border:2px solid var(--text);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.accordion-body.open{max-height:1200px}.tabs{display:flex;gap:4px;background:var(--bg-subtle);padding:6px;border-radius:var(--radius-md);width:fit-content;flex-wrap:wrap;border:1px solid var(--border)}.tab-btn{padding:10px 22px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-muted);background:transparent;transition:var(--transition)}.tab-btn.active{background:var(--bg-white);color:var(--primary);box-shadow:var(--shadow-sm)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);transition:var(--transition);gap:16px;flex-wrap:wrap}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--bg-subtle)}.category-tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px 10px;scrollbar-width:none}.category-tabs-container::-webkit-scrollbar{display:none}.category-tabs-wrapper{display:flex;gap:12px}.responsive-flex{display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 640px){.responsive-flex{flex-direction:column;align-items:stretch;gap:12px}}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--bg-subtle)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:#7c3aed0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0325b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-box{background:var(--bg-white);border-radius:var(--radius-xl);padding:0;max-width:440px;width:92%;box-shadow:0 30px 80px #7c3aed59;animation:scaleIn .25s ease;border:2px solid var(--border);overflow:hidden;max-height:90dvh;overflow-y:auto}[data-theme=dark] .modal-box{box-shadow:0 0 60px #f59e0b40,4px 4px 0 var(--border)}.modal-content{padding:28px 36px 32px}@media (max-width: 640px){.modal-content{padding:20px 20px 24px}.modal-box{width:96%;border-radius:var(--radius-lg)}}.btn-primary{background:var(--primary);color:var(--bg-hero);padding:14px 32px;border-radius:var(--radius-md);font-weight:800;font-size:1rem;border:2px solid var(--text);box-shadow:4px 4px 0 var(--accent);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 640px){.btn-primary{padding:12px 24px;font-size:.95rem}}.btn-primary:hover{transform:translateY(-2px) translate(-2px);box-shadow:6px 6px 0 var(--accent)}.btn-outline{background:var(--bg-white);color:var(--text);padding:14px 32px;border-radius:var(--radius-md);font-weight:800;font-size:1rem;border:2px solid var(--text);box-shadow:4px 4px 0 var(--secondary);transition:all .2s ease}.btn-outline:hover{background:var(--bg-subtle);transform:translateY(-2px) translate(-2px);box-shadow:6px 6px 0 var(--secondary)}.btn-nav{background:var(--bg-white);color:var(--text);padding:6px 14px;border-radius:100px;font-size:.85rem;font-weight:700;border:1.5px solid var(--text);box-shadow:2px 2px 0 var(--text);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-nav:hover{transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px 0 var(--text)}.gradient-text{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 50%,var(--secondary) 100%);background-size:200%;animation:aurora 6s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;font-size:.78rem;font-weight:700}.badge-year{background:#7c3aed1a;color:var(--primary);border:1px solid rgba(124,58,237,.2)}.shimmer{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-white) 50%,var(--bg-subtle) 75%);background-size:200%;animation:shimmer 1.5s infinite}.scroll-x{display:flex;overflow-x:auto;gap:8px;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{flex-shrink:0}.scroll-x-wrap{position:relative}.scroll-x-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to left,var(--bg-subtle),transparent);pointer-events:none;border-radius:0 8px 8px 0}@media (min-width: 900px){.scroll-x-wrap:after{display:none}}.hide-mobile{display:block}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile,.show-mobile-flex{display:none}@media (max-width: 768px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}}@media (max-width: 768px){.navbar{padding:0 20px}.page-container{padding:0 16px}.accordion-header{padding:18px 20px}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}}.mobile-tab-bar{display:none}@media (max-width: 768px){.mobile-tab-bar{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:9990;padding:8px 10px;background:var(--bg-white);border:2px solid var(--text);border-radius:100px;box-shadow:4px 4px 0 var(--text),0 12px 40px #0003;width:max-content;max-width:calc(100vw - 32px)}.mob-tab-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100px;cursor:pointer;transition:all .16s ease;font-family:var(--font-primary);flex-shrink:0}.mob-tab-btn:active{transform:scale(.86)!important}body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.btn-primary,.btn-outline{width:100%}.file-item{padding:14px 16px}h1{font-size:1.8rem!important}}.file-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.file-actions-row{width:100%;gap:6px}.file-actions-row a,.file-actions-row button{flex:1 1 auto;min-width:0;text-align:center;justify-content:center;font-size:.75rem!important;padding:8px!important}}.admin-file-actions{display:flex;gap:6px;flex-wrap:wrap}@media (max-width: 900px){.admin-file-actions{width:100%;margin-top:4px}.admin-file-actions a,.admin-file-actions button{flex:1 1 auto;text-align:center;font-size:.75rem!important;padding:6px 8px!important}}@media (max-width: 640px){[style*="max-width: 480px"],[style*="max-width: 500px"],[style*="max-width: 540px"],[style*="max-width: 440px"]{padding:20px!important}}.admin-toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom,28px));right:20px;z-index:9999;max-width:calc(100vw - 40px);word-break:break-word}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:24px;padding-bottom:80px}.search-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.search-filters select{min-width:140px;flex:1 1 140px}@media (max-width: 640px){.search-filters{gap:10px}.search-filters select{min-width:0;flex:1 1 calc(50% - 5px)}}.signup-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 480px){.signup-grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding-top:80px!important;padding-bottom:48px!important;min-height:unset!important}}@media (max-width: 640px){.report-issue-card{padding:24px!important}.report-issue-card h1{font-size:2rem!important}}.docx-viewer-content{padding:clamp(10px,4vw,32px)!important}.docx-viewer-content .docx-wrapper{padding:0!important;background:transparent!important}.docx-viewer-content section.docx{width:100%!important;min-width:unset!important;padding:0!important;box-shadow:none!important;margin-bottom:0!important}.docx-viewer-content img{max-width:100%!important;height:auto!important}.docx-viewer-content table{width:100%!important;table-layout:auto!important;word-break:break-word!important}[data-theme=frozen]{--font-primary: "Iceberg", cursive;--primary: #00A8FF;--primary-dark: #0077B6;--primary-mid: #48CAE4;--secondary: #90E0EF;--accent: #00F5FF;--tertiary: #CAF0F8;--electric: #00FFFF;--bg-hero: #C6E5F3;--bg-dark: #A3D5ED;--bg-subtle: #DDF0F9;--bg-white: #E8F6FA;--bg-body: #C6E5F3;--text: #023E8A;--text-muted: #0077B6;--text-light: #0096C7;--border: #90E0EF;--shadow-sm: 4px 4px 0px #90E0EF;--shadow-md: 8px 8px 0px #00BFFF;--shadow-lg: 12px 12px 0px #0077B6;--nav-btn-text: #023E8A}[data-theme=fire]{--font-primary: "Syne Mono", monospace;--primary: #FFB703;--primary-dark: #FB8500;--primary-mid: #FFD166;--secondary: #FF9E00;--accent: #FFEA00;--tertiary: #E85D04;--electric: #FFFF00;--bg-hero: #9D0208;--bg-dark: #6A040F;--bg-subtle: #D00000;--bg-white: #BA1826;--bg-body: #9D0208;--text: #FFFFFF;--text-muted: #FFEA00;--text-light: #FFD166;--border: #FFB703;--shadow-sm: 4px 4px 0px #6A040F;--shadow-md: 8px 8px 0px #370617;--shadow-lg: 12px 12px 0px #03071E;--nav-btn-text: #6A040F}[data-theme=lotr]{--font-primary: "MedievalSharp", serif;--primary: #D4AF37;--primary-dark: #AA8C2C;--primary-mid: #E5C158;--secondary: #8B4513;--accent: #DAA520;--tertiary: #CD853F;--electric: #FFDF00;--bg-hero: #1A2421;--bg-dark: #131B19;--bg-subtle: #222F2A;--bg-white: #1E2A25;--bg-body: #131B19;--text: #FDE2B5;--text-muted: #C1A982;--text-light: #A39171;--border: #D4AF37;--shadow-sm: 4px 4px 0px #0D1311;--shadow-md: 8px 8px 0px #1A2421;--shadow-lg: 12px 12px 0px #D4AF37;--nav-btn-text: #131B19}@media (max-width: 768px){html[data-theme=pacman]{font-size:11px}html[data-theme=minecraft]{font-size:13px}html[data-theme=matrix],html[data-theme=cyberpunk],html[data-theme=mario]{font-size:14px}html[data-theme=zelda]{font-size:15px}html[data-theme=pacman] body,html[data-theme=minecraft] body,html[data-theme=matrix] body,html[data-theme=cyberpunk] body{word-break:break-word;overflow-wrap:break-word}}[data-theme=simpsons]{--font-primary: "Comic Sans MS", "Chalkboard SE", "Comic Neue", sans-serif;--primary: #EF2F1B;--primary-dark: #CC2615;--primary-mid: #FF523E;--secondary: #0052C4;--accent: #4BAE73;--tertiary: #9A7BCA;--electric: #EF2F1B;--bg-hero: #62C1FB;--bg-dark: #42A1DB;--bg-subtle: #FF81C6;--bg-white: #FFD90F;--bg-body: #62C1FB;--text: #000000;--text-muted: #222222;--text-light: #444444;--border: #000000;--shadow-sm: 4px 4px 0px #000000;--shadow-md: 8px 8px 0px #0052C4;--shadow-lg: 12px 12px 0px #EF2F1B;--nav-btn-text: #FFFFFF}[data-theme=pokemon]{--primary: #FF0000;--primary-dark: #CC0000;--primary-mid: #FF3333;--secondary: #FFCC00;--accent: #3B4CCA;--bg-hero: #1A1A1A;--bg-dark: #000000;--bg-subtle: #242424;--bg-white: #2C2C2C;--bg-body: #000000;--text: #FFFFFF;--text-muted: #B3B3B3;--text-light: #808080;--tertiary: #4CAF50;--electric: #FFDE00;--border: #FF0000;--shadow-sm: 4px 4px 0px #FF0000;--shadow-md: 8px 8px 0px #FF0000;--shadow-lg: 12px 12px 0px #CC0000;--shadow-glow: 0 0 15px rgba(255, 0, 0, .5)}[data-theme=space]{--font-primary: "Orbitron", "Inter", sans-serif;--primary: #8B5CF6;--primary-dark: #6D28D9;--primary-mid: #7C3AED;--secondary: #EC4899;--accent: #06B6D4;--tertiary: #10B981;--electric: #F59E0B;--bg-hero: #0B0E14;--bg-dark: #111827;--bg-subtle: #1F2937;--bg-white: #111827;--bg-body: #030712;--text: #F3F4F6;--text-muted: #9CA3AF;--border: #374151;--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(139, 92, 246, .2)}[data-theme=barbie]{--primary: #FF1493;--primary-dark: #C71585;--primary-mid: #FF69B4;--secondary: #FFB6C1;--accent: #00FFFF;--tertiary: #FF00FF;--electric: #FF1493;--bg-hero: #FFF0F5;--bg-dark: #FFE4E1;--bg-subtle: #FFF0F5;--bg-white: #FFFFFF;--bg-body: #FFF0F5;--text: #000000;--text-muted: #666666;--text-light: #999999;--border: #FF1493;--shadow-sm: 4px 4px 0px #FF1493;--shadow-md: 8px 8px 0px #00FFFF;--shadow-lg: 12px 12px 0px #FF1493;--nav-btn-text: #FFFFFF}[data-theme=forest]{--primary: #22C55E;--primary-dark: #16A34A;--primary-mid: #4ADE80;--secondary: #8B5A2B;--accent: #FBBF24;--tertiary: #D97706;--electric: #A3E635;--bg-hero: #064E3B;--bg-dark: #022C22;--bg-subtle: #065F46;--bg-white: #0F3F31;--bg-body: #022C22;--text: #ECFDF5;--text-muted: #A7F3D0;--text-light: #6EE7B7;--border: #065F46;--shadow-sm: 4px 4px 0px #022C22;--shadow-md: 8px 8px 0px #8B5A2B;--shadow-lg: 12px 12px 0px #22C55E;--nav-btn-text: #FFFFFF}[data-theme=ocean]{--primary: #06B6D4;--primary-dark: #0891B2;--primary-mid: #22D3EE;--secondary: #3B82F6;--accent: #10B981;--tertiary: #6366F1;--electric: #06B6D4;--bg-hero: #083344;--bg-dark: #042F2E;--bg-subtle: #164E63;--bg-white: #0B3A4F;--bg-body: #083344;--text: #ECFEFF;--text-muted: #A5F3FC;--text-light: #67E8F9;--border: #22D3EE;--shadow-sm: 4px 4px 0px #0891B2;--shadow-md: 8px 8px 0px #3B82F6;--shadow-lg: 12px 12px 0px #10B981;--nav-btn-text: #083344}