@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cutive&display=swap");@layer reset, base, theme, components, utilities;@layer reset{*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:transparent;border:none}a{text-decoration:none;color:inherit}ol,ul{list-style:none}}@layer base{:root{--font-primary:"Fredoka",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--color-bg-base:#0b0c10;--color-bg-surface:#14151a;--color-bg-card:#1d1e24;--color-bg-glass:rgba(20,21,26,0.75);--color-bg-glass-hover:rgba(29,30,36,0.88);--color-accent-cyan:#00f0ff;--color-accent-cyan-glow:rgba(0,240,255,0.15);--color-accent-orange:#ff7b00;--color-accent-orange-glow:rgba(255,123,0,0.15);--color-accent-pink:#ff2e93;--color-accent-pink-glow:rgba(255,46,147,0.25);--color-accent-lime:#39ff14;--color-accent-lime-glow:rgba(57,255,20,0.15);--shadow-neon-cyan:0 0 15px rgba(0,240,255,0.35);--shadow-neon-pink:0 0 18px rgba(255,46,147,0.35);--shadow-neon-orange:0 0 15px rgba(255,123,0,0.35);--shadow-neon-lime:0 0 15px rgba(57,255,20,0.35);--color-text-primary:#f8f9fa;--color-text-secondary:#e4e4e7;--color-text-muted:#a1a1aa;--color-border:rgba(255,46,147,0.15);--color-border-glow:rgba(255,46,147,0.35);--color-border-focus:#ff2e93;--color-success:#10b981;--color-success-glow:rgba(16,185,129,0.1);--color-warning:#f59e0b;--color-warning-glow:rgba(245,158,11,0.1);--color-danger:#ef4444;--color-danger-glow:rgba(239,68,68,0.1);--gradient-hero:linear-gradient(135deg,#14151a,#0b0c10);--gradient-glow:linear-gradient(180deg,rgba(255,46,147,0.12),rgba(0,240,255,0.05));--gradient-button:linear-gradient(90deg,#ff2e93,#ff7b00);--header-height:72px;--max-width:1200px;--border-radius-sm:12px;--border-radius-md:20px;--border-radius-lg:32px;--transition-fast:0.15s cubic-bezier(0.25,0.46,0.45,0.94);--transition-normal:0.4s cubic-bezier(0.175,0.885,0.32,1.275);--shadow-neon:0 0 20px rgba(0,240,255,0.15);--shadow-inset:inset 0 1px 1px rgba(255,255,255,0.05)}@keyframes floatBg{0%{background-position:15% 20%,85% 15%,50% 85%,0 0}50%{background-position:18% 23%,82% 12%,52% 82%,20px 20px}to{background-position:15% 20%,85% 15%,50% 85%,0 0}}body{background:radial-gradient(circle at 15% 20%,rgba(255,46,147,.05) 0,transparent 50%),radial-gradient(circle at 85% 15%,rgba(0,240,255,.05) 0,transparent 50%),radial-gradient(circle at 50% 85%,rgba(255,123,0,.03) 0,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M12 5 c-1.5-2-4.5-2-6 0 c-1.5 2-1.5 5 0 7 l6 6 l6-6 c1.5-2 1.5-5 0-7 z' fill='%23ff2e93' transform='translate(10, 15) scale(0.6)' opacity='0.08'/%3E%3Cpath d='M10 0 L13 7 L20 10 L13 13 L10 20 L7 13 L0 10 L7 7 Z' fill='%23ff7b00' transform='translate(50, 45) scale(0.5)' opacity='0.08'/%3E%3Ccircle cx='35' cy='25' r='3' fill='%2300f0ff' opacity='0.1'/%3E%3Ccircle cx='65' cy='15' r='2' fill='%23ff2e93' opacity='0.05'/%3E%3Ccircle cx='15' cy='55' r='2.5' fill='%2339ff14' opacity='0.1'/%3E%3Cpath d='M10 0 L13 7 L20 10 L13 13 L10 20 L7 13 L0 10 L7 7 Z' fill='%2300f0ff' transform='translate(20, 60) scale(0.35)' opacity='0.08'/%3E%3C/svg%3E"),var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-primary);overflow-x:clip;min-height:100vh;animation:floatBg 20s ease-in-out infinite;letter-spacing:.035em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-surface);border-radius:5px;border:3px solid var(--color-bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-accent-cyan-glow);color:var(--color-accent-cyan)}dialog{border:none;border-radius:var(--border-radius-lg);box-shadow:0 20px 50px rgba(0,0,0,.4);background:var(--color-bg-surface);color:var(--color-text-primary);max-width:90vw;width:500px;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);outline:none}dialog::backdrop{background:rgba(3,5,10,.6)}}@layer utilities{.glassmorphism{background:var(--color-bg-glass);border:1px solid rgba(255,46,147,.12);box-shadow:var(--shadow-inset),0 8px 32px 0 rgba(255,46,147,.05)}.glow-cyan{text-shadow:0 0 10px rgba(0,240,255,.6)}.glow-orange{text-shadow:0 0 12px rgba(249,115,22,.65)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glow-pink{text-shadow:0 0 12px rgba(255,0,127,.75)}}@keyframes laserScan{0%{top:0}50%{top:100%}to{top:0}}@keyframes ledPulse{0%,to{opacity:.45;filter:drop-shadow(0 0 1px rgba(0,240,255,.4))}50%{opacity:1;filter:drop-shadow(0 0 6px var(--color-accent-cyan))}}@keyframes holographicGlitch{0%,to{opacity:.95;transform:skew(0deg)}20%{opacity:.85;transform:skew(.5deg)}50%{opacity:.75;transform:skew(-.5deg)}80%{opacity:.9;transform:skew(.2deg)}}@keyframes scanlineAnim{0%{background-position:0 0}to{background-position:0 100%}}@keyframes clickDepress{0%{transform:translateY(0) scale(1);box-shadow:0 4px 0 var(--color-bg-base),0 6px 12px rgba(0,0,0,.5)}50%{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 var(--color-bg-base),0 2px 4px rgba(0,0,0,.4)}to{transform:translateY(0) scale(1);box-shadow:0 4px 0 var(--color-bg-base),0 6px 12px rgba(0,0,0,.5)}}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(.5);opacity:0}}