@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#f5f7ff;--color-surface:#fff;--color-surface-alt:#eef0ff;--color-primary:#5b5bd6;--color-primary-hover:#4a4abf;--color-primary-light:#e8e8ff;--color-accent:#ff8c42;--color-accent-hover:#e87b31;--color-success:#3dba7e;--color-warning:#f5a623;--color-danger:#e05252;--color-text:#1a1a2e;--color-text-muted:#6b6b8a;--color-border:#e0e0f0;--color-app-typing:#6c63ff;--color-app-sudoku:#ff6b6b;--color-app-chess:#4a90d9;--color-app-gomoku:#2ecc71;--color-app-tetris:#e91e63;--color-app-abacus:#ff9800;--color-app-drawing:#9c27b0;--color-app-jigsaw:#00bcd4;--font-heading:"Fredoka One",cursive;--font-body:"Nunito",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #5b5bd614;--shadow-md:0 4px 20px #5b5bd61f;--shadow-lg:0 8px 40px #5b5bd629;--shadow-card:0 4px 24px #0000000f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading);color:var(--color-text);line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;min-height:48px;font-size:1rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #5b5bd659}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #5b5bd673}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 4px 16px #ff8c4259}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4273}.btn-ghost{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-ghost:hover{background:var(--color-primary-light)}.btn:active{transform:translateY(0)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden}.input{width:100%;padding:var(--space-3)var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast);min-height:48px}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #5b5bd626}.input::placeholder{color:var(--color-text-muted)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text);font-size:.9rem;font-weight:700}.form-error{color:var(--color-danger);font-size:.85rem;font-weight:600}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-4)0;background:#ffffffd9;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{font-family:var(--font-heading);color:var(--color-primary);align-items:center;gap:var(--space-2);font-size:1.4rem;display:flex}.safety-badge{align-items:center;gap:var(--space-2);color:#2d8a57;border-radius:var(--radius-full);padding:var(--space-2)var(--space-4);letter-spacing:.02em;background:#e8f8ef;font-size:.8rem;font-weight:700;display:inline-flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5b5bd64d}50%{box-shadow:0 0 0 12px #5b5bd600}}@keyframes spin{to{transform:rotate(360deg)}}.animate-float{animation:3s ease-in-out infinite float}.animate-fadeInUp{animation:.5s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (max-width:768px){.container{padding:0 var(--space-4)}h1{font-size:2rem}h2{font-size:1.5rem}}