.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0!important;z-index:9999;transition:all .4s cubic-bezier(.25,.46,.45,.94);background:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fffffffa!important;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000001a}.theme-dark .navbar{background:#181824f2!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 15px #0000004d}.theme-blue .navbar{background:#e6f0fff2!important;border-bottom:1px solid rgba(37,99,235,.2)}.theme-purple .navbar{background:#f3e8fff2!important;border-bottom:1px solid rgba(162,28,175,.2)}}.navbar .container{padding-left:1rem;padding-right:1rem}@media (max-width: 480px){.navbar .container{padding-left:.5rem;padding-right:.5rem}}@media (max-width: 360px){.navbar .container{padding-left:.4rem;padding-right:.4rem}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;transition:all .3s ease;opacity:0;visibility:hidden}.menu-open .navbar-collapse{display:flex!important}.menu-open .overlay{display:block}.navbar-toggler{display:none;background:transparent;border:none!important;padding:4px!important;cursor:pointer;z-index:10001;transition:all .3s ease;width:32px;height:32px;position:relative}@media (max-width: 991px){.navbar-toggler{display:block}.navbar-nav{display:none}.menu-open .navbar-nav{display:flex!important}.navbar{padding:.5rem 0!important}}@media (max-width: 600px){.navbar-brand{font-size:1.1rem!important;padding-left:.5rem;max-width:calc(100vw - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 400px){.navbar-brand{font-size:.95rem!important;max-width:calc(100vw - 60px)}}@media (max-width: 320px){.navbar-brand{font-size:.9rem!important;max-width:calc(100vw - 55px)}}.navbar.scrolled{background:#0a0c1873;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000040;padding:.5rem 0!important}.navbar.scrolled .navbar-brand{color:#f8fafc!important;text-shadow:0 2px 6px rgba(0,0,0,.6)}.navbar.scrolled .nav-link{color:#f8fafcf2!important;text-shadow:0 2px 6px rgba(0,0,0,.6)}.navbar.scrolled .nav-link.active{color:#fff!important;background:#00adb540!important;border:1px solid rgba(0,173,181,.4)!important}.navbar.scrolled .btn{color:#f8fafc!important;background:#ffffff26;border-color:#ffffff40}@media (max-width: 768px){.navbar.scrolled{background:#fffffffa!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border-bottom:1px solid rgba(0,0,0,.15);box-shadow:0 4px 20px #0003}.theme-dark .navbar.scrolled{background:#181824fa!important;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0006}.theme-blue .navbar.scrolled{background:#e6f0fffa!important;border-bottom:1px solid rgba(37,99,235,.25)}.theme-purple .navbar.scrolled{background:#f3e8fffa!important;border-bottom:1px solid rgba(162,28,175,.25)}}.navbar-brand{color:#1e293b!important;font-weight:600!important;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.navbar-brand{color:#1e293b!important;text-shadow:none}.theme-dark .navbar-brand{color:#f8f9fa!important}.theme-blue .navbar-brand{color:#1e40af!important}.theme-purple .navbar-brand{color:#7c2d92!important}}@media (max-width: 768px){.navbar-collapse .nav-link{color:#334155!important}.theme-dark .navbar-collapse .nav-link{color:#e2e8f0!important}.theme-blue .navbar-collapse .nav-link{color:#1e40af!important}.theme-purple .navbar-collapse .nav-link{color:#7c2d92!important}}.nav-link{color:#1e293be6!important;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);padding:.5rem 1rem!important;margin:0 .5rem;position:relative;background-color:transparent!important;border-radius:25px;text-shadow:0 1px 3px rgba(0,0,0,.2)}@media (min-width: 769px){.theme-dark .nav-link{color:#f8f9fae6!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}.theme-blue .nav-link{color:#1e40afe6!important}.theme-purple .nav-link{color:#7c2d92e6!important}}@media (min-width: 769px){.nav-link:hover{color:#1e293b!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.nav-link.active{color:#1e293b!important;background:#00adb533;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,173,181,.3);border-radius:25px;font-weight:700;box-shadow:0 4px 15px #00adb533}.theme-dark .nav-link:hover{color:#f8f9fa!important;background:#00adb51a!important;border:1px solid rgba(0,173,181,.2)}.theme-dark .nav-link.active{color:#00adb5!important;background:#00adb533;border:1px solid rgba(0,173,181,.4)}.theme-blue .nav-link:hover{color:#1e40af!important;background:#2563eb1a!important;border:1px solid rgba(37,99,235,.2)}.theme-blue .nav-link.active{color:#2563eb!important;background:#2563eb33;border:1px solid rgba(37,99,235,.4)}.theme-purple .nav-link:hover{color:#7c2d92!important;background:#a21caf1a!important;border:1px solid rgba(162,28,175,.2)}.theme-purple .nav-link.active{color:#a21caf!important;background:#a21caf33;border:1px solid rgba(162,28,175,.4)}}.btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#1e293b!important;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{transform:scale(1.05);background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 15px #fff3}.theme-dark .btn{background:#00adb533;border:1px solid rgba(0,173,181,.3);color:#00adb5!important}.theme-dark .btn:hover{background:#00adb54d;border-color:#00adb566}.theme-blue .btn{background:#2563eb33;border:1px solid rgba(37,99,235,.3);color:#2563eb!important}.theme-blue .btn:hover{background:#2563eb4d;border-color:#2563eb66}.theme-purple .btn{background:#a21caf33;border:1px solid rgba(162,28,175,.3);color:#a21caf!important}.theme-purple .btn:hover{background:#a21caf4d;border-color:#a21caf66}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-open .overlay{opacity:1;visibility:visible}@media (max-width: 991.98px){.navbar-collapse{position:fixed;top:0;right:0;width:75vw;max-width:300px;height:100vh;padding:1.2rem .8rem;margin-top:0;background:#fffffffa;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid rgba(148,163,184,.2);border-radius:0;box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transform:translate(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);z-index:10000;overflow:hidden}.theme-dark .navbar-collapse{background:linear-gradient(135deg,#222831f2,#393e46fa,#181824f2)!important;border-left:1px solid rgba(255,255,255,.1)}.theme-blue .navbar-collapse{background:linear-gradient(135deg,#e6f0fff2,#dbeafefa,#bfdbfef2)!important;border-left:1px solid rgba(37,99,235,.2)}.theme-purple .navbar-collapse{background:linear-gradient(135deg,#f3e8fff2,#faf5fffa,#f5d0fef2)!important;border-left:1px solid rgba(162,28,175,.2)}.navbar-collapse.show{transform:translate(0)}.navbar-collapse .navbar-nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.6rem;padding:0;margin:0;list-style:none}.navbar-collapse .nav-item{width:100%}.navbar-collapse .nav-link{width:100%;text-align:left;margin:0;color:#334155!important;font-weight:600;font-size:.9rem;padding:.7rem .9rem!important;background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(148,163,184,.2);border-radius:12px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000000a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.theme-dark .navbar-collapse .nav-link{color:#e2e8f0!important;background:#393e46cc;border:1px solid rgba(255,255,255,.1)}.theme-blue .navbar-collapse .nav-link{color:#1e40af!important;background:#dbeafecc;border:1px solid rgba(37,99,235,.2)}.theme-purple .navbar-collapse .nav-link{color:#7c2d92!important;background:#faf5ffcc;border:1px solid rgba(162,28,175,.2)}.navbar-collapse .nav-link:hover{background:#ffffffe6!important;transform:translate(8px);box-shadow:0 4px 20px #00000014;border-color:#3b82f64d;color:#1e40af!important}.theme-dark .navbar-collapse .nav-link:hover{background:#393e46f2!important;border-color:#00adb566;color:#00adb5!important}.theme-blue .navbar-collapse .nav-link:hover{background:#dbeafef2!important;border-color:#2563eb66;color:#1d4ed8!important}.theme-purple .navbar-collapse .nav-link:hover{background:#faf5fff2!important;border-color:#a21caf66;color:#86198f!important}.navbar-collapse .nav-link.active{background:linear-gradient(135deg,#3b82f626,#2563eb1a)!important;border-color:#3b82f666;color:#1e40af!important;box-shadow:0 4px 16px #3b82f633;font-weight:700}.theme-dark .navbar-collapse .nav-link.active{background:linear-gradient(135deg,#00adb533,#00adb51a)!important;border-color:#00adb580;color:#00adb5!important;box-shadow:0 4px 16px #00adb54d}.theme-blue .navbar-collapse .nav-link.active{background:linear-gradient(135deg,#2563eb33,#2563eb1a)!important;border-color:#2563eb80;color:#1d4ed8!important;box-shadow:0 4px 16px #2563eb4d}.theme-purple .navbar-collapse .nav-link.active{background:linear-gradient(135deg,#a21caf33,#a21caf1a)!important;border-color:#a21caf80;color:#86198f!important;box-shadow:0 4px 16px #a21caf4d}.nav-link{margin-bottom:1rem;font-size:1.2rem;width:100%;text-align:center}.nav-link:after{bottom:-5px}}@media (max-width: 480px){.navbar-collapse{width:70vw!important;max-width:220px!important;padding:1.2rem .6rem!important}.navbar-collapse .nav-link{font-size:.85rem!important;padding:.6rem .8rem!important}.navbar-toggler{width:30px!important;height:30px!important;padding:3px!important}}@media (max-width: 360px){.navbar-collapse{width:75vw!important;max-width:200px!important;padding:1rem .5rem!important}.navbar-collapse .nav-link{font-size:.8rem!important;padding:.5rem .7rem!important}}.hamburger-icon{width:20px;height:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2.5px;background:linear-gradient(90deg,#475569,#64748b);border-radius:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center}.theme-dark .hamburger-line{background:linear-gradient(90deg,#00adb5,#f8f9fa)}.theme-blue .hamburger-line{background:linear-gradient(90deg,#2563eb,#1e40af)}.theme-purple .hamburger-line{background:linear-gradient(90deg,#a21caf,#7c2d92)}.hamburger-line.open:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.footer{width:100%;background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd);background-size:400% 400%;animation:gradient-bg 40s ease infinite;color:#0f172a;padding:2rem 0 1.5rem;text-align:center;margin-top:2rem;position:relative;overflow:hidden;border-top:2px solid rgba(255,255,255,.3)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(255,255,255,.8);font-weight:700;color:#0f172a}.footer-social{display:flex;gap:1.2rem;justify-content:center;margin-top:.5rem}.footer-social a{color:#0f172a;background:#ffffff4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:float 2.5s ease-in-out infinite;box-shadow:0 4px 15px #0000001a;padding:8px;box-sizing:border-box}.footer-social svg{flex-shrink:0}.footer-social a:hover{color:#0f172a;background:#ffffff80;border-color:#fff9;transform:scale(1.15) rotate(-8deg) translateY(-3px);box-shadow:0 8px 25px #0003;animation:wobble .5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wobble{0%{transform:scale(1.15) rotate(-8deg)}20%{transform:scale(1.2) rotate(8deg)}40%{transform:scale(1.1) rotate(-6deg)}60%{transform:scale(1.18) rotate(6deg)}80%{transform:scale(1.13) rotate(-4deg)}to{transform:scale(1.15) rotate(0)}}@media (max-width: 600px){.footer{padding:1.5rem 0 1rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe,#a5b4fc)}.footer-content{font-size:.9rem;flex-direction:column;gap:.8rem;align-items:center;padding:0 1rem;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1rem;margin:0 1rem;border:1px solid rgba(255,255,255,.5)}.footer-social{gap:1.2rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.footer-social a{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:6px;box-sizing:border-box}.footer-social svg{width:20px;height:20px;flex-shrink:0}.footer-content>div[style]{font-size:.85rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.4rem!important;margin-top:.8rem!important;text-align:center;color:#0f172a!important;font-weight:700!important;text-shadow:0 2px 4px rgba(255,255,255,.8)!important}.footer-content>div[style]>span{display:block;margin:.2rem 0}.footer-content>div[style]>span[style*=margin]{display:none}}@media (max-width: 480px){.footer{padding:1rem 0 .8rem}.footer-content{font-size:.85rem;gap:.6rem;padding:0 .5rem}.footer-social{gap:1rem}.footer-social a{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;box-sizing:border-box}.footer-social svg{width:16px;height:16px;flex-shrink:0}.footer-content>div[style]{font-size:.8rem!important;gap:.3rem!important;color:#0f172a!important;font-weight:700!important;text-shadow:0 2px 4px rgba(255,255,255,.8)!important}}@media (max-width: 360px){.footer{padding:.8rem 0 .6rem}.footer-content{font-size:.8rem;gap:.5rem;padding:0 .3rem}.footer-social{gap:.8rem}.footer-social a{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;box-sizing:border-box}.footer-social svg{width:14px;height:14px;flex-shrink:0}.footer-content>div[style]{font-size:.75rem!important;gap:.25rem!important;color:#0f172a!important;font-weight:700!important;text-shadow:0 2px 4px rgba(255,255,255,.8)!important}}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#ffffff1a,#ffffff4d);animation:float-bg 45s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float-bg{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.footer-content b{background:#fff6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);border-radius:15px;padding:4px 12px;font-weight:700;color:#0f172a;text-shadow:0 1px 2px rgba(255,255,255,.5);box-shadow:0 2px 8px #0000001a}.footer-content span[title]{transition:all .3s ease;-webkit-user-select:none;user-select:none}.footer-content span[title]:hover{opacity:1!important;transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}@keyframes konamiHint{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-content span[title]:hover:after{content:"";position:absolute;inset:-5px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;animation:konamiHint 1s infinite;pointer-events:none}.snake-game-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.snake-game-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(30,41,59,.2);border-radius:20px;padding:25px;box-shadow:0 20px 60px #0000004d;animation:slideIn .4s cubic-bezier(.25,.46,.45,.94);max-width:90vw;max-height:90vh;outline:none;position:relative;min-width:300px;box-sizing:border-box}@keyframes slideIn{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.snake-game-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(30,41,59,.1);min-height:50px;width:100%;box-sizing:border-box}.snake-game-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1;justify-self:start}.score{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #0ea5e94d;white-space:nowrap;text-align:center;grid-column:2;justify-self:end}.snake-game-board{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr);gap:1px;background:#e2e8f0;border:3px solid #1e293b;border-radius:12px;padding:8px;width:420px;height:420px;margin:0 auto;box-shadow:inset 0 2px 10px #0000001a}.cell{background:#f8fafc;border-radius:2px;transition:all .1s ease}.cell.snake{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:3px;box-shadow:0 2px 4px #22c55e4d}.cell.head{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:4px;position:relative;box-shadow:0 3px 8px #16a34a66}.cell.head:after{content:"👁️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px}.cell.food{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;position:relative;animation:pulse 1s infinite;box-shadow:0 3px 8px #ef444466}.cell.food:after{content:"🍎";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.snake-game-footer{margin-top:20px;text-align:center}.start-btn,.restart-btn{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0ea5e94d}.start-btn:hover,.restart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.game-over{animation:gameOverBounce .5s ease}@keyframes gameOverBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.game-over p{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:15px}.game-instructions{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width: 768px){.snake-game-container{padding:20px 15px;margin:10px}.snake-game-board{width:320px;height:320px}.snake-game-header{grid-template-columns:1fr auto;gap:10px}.snake-game-header h3{font-size:1.3rem}.score{font-size:.8rem;padding:6px 12px}}@media (max-width: 480px){.snake-game-board{width:280px;height:280px}.snake-game-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:45px}.snake-game-header h3{font-size:1.2rem;grid-column:1;justify-self:start}.score{font-size:.8rem;padding:6px 12px;grid-column:2;justify-self:end}}. start-screen{text-align:center}.start-instructions{margin-top:15px;color:#64748b;font-size:.9rem}.start-instructions p{margin:5px 0;font-weight:500}.snake-game-container:focus{border-color:#0ea5e980;box-shadow:0 20px 60px #0000004d,0 0 0 3px #0ea5e933}.snake-game-overlay,.snake-game-container{-webkit-user-select:none;user-select:none}.mobile-controls{display:none;margin:15px 0;-webkit-user-select:none;user-select:none}.control-row{display:flex;justify-content:center;gap:10px;margin:5px 0}.control-row:first-child{margin-bottom:8px}.control-row:last-child{margin-top:8px;gap:15px}.control-btn{width:50px;height:50px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;border:none;border-radius:12px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0ea5e94d;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.control-btn:active{transform:scale(.95);box-shadow:0 2px 8px #0ea5e966;background:linear-gradient(135deg,#0284c7,#0ea5e9)}.control-btn:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);transform:translateY(-2px)}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.snake-game-overlay{padding:10px;align-items:flex-start;overflow-y:auto}.snake-game-container{margin:20px auto;padding:20px 15px;max-height:none;width:100%;max-width:400px}.snake-game-board{width:300px;height:300px;margin:15px auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}.mobile-controls{display:block}.desktop-only{display:none}.mobile-only{display:block}.snake-game-header{grid-template-columns:1fr auto;gap:12px;padding-bottom:12px;margin-bottom:15px}.snake-game-header h3{font-size:1.2rem}.score{font-size:.8rem;padding:6px 12px}.close-btn{width:30px;height:30px;font-size:1rem}}@media (max-width: 480px){.snake-game-container{margin:10px auto;padding:15px 10px}.snake-game-board{width:260px;height:260px}.control-btn{width:45px;height:45px;font-size:1.3rem}.snake-game-header{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:15px;padding-bottom:10px}.snake-game-header h3{font-size:1rem;grid-column:1;justify-self:start}.score{font-size:.75rem;padding:4px 8px;grid-column:2;justify-self:end}}@media (max-width: 360px){.snake-game-board{width:240px;height:240px}.control-btn{width:40px;height:40px;font-size:1.2rem}.mobile-controls{margin:10px 0}}@media (hover: none) and (pointer: coarse){.snake-game-board{border-width:2px}.cell{border-radius:1px}.cell.snake{border-radius:2px}.cell.head{border-radius:3px}.control-btn:hover{transform:none;background:linear-gradient(135deg,#0ea5e9,#38bdf8)}}@media (max-width: 768px) and (orientation: landscape){.snake-game-overlay{align-items:center;padding:5px}.snake-game-container{margin:5px auto;max-height:95vh;overflow-y:auto;padding:15px 10px}.snake-game-board{width:320px;height:320px}.mobile-controls{margin:8px 0}.control-btn{width:45px;height:45px;font-size:1.4rem}.snake-game-header{margin-bottom:10px;padding-bottom:8px}.snake-game-footer{margin-top:10px}}@media (max-width: 320px){.snake-game-header{display:grid;grid-template-columns:1fr auto;gap:6px;padding-bottom:8px;margin-bottom:12px}.snake-game-header h3{font-size:.9rem;grid-column:1;justify-self:start}.score{font-size:.7rem;padding:3px 6px;grid-column:2;justify-self:end}}@media (max-width: 350px){.snake-game-header{display:grid;grid-template-columns:1fr auto;gap:6px;min-height:40px}.snake-game-header h3{font-size:.8rem;grid-column:1;justify-self:start}.score{font-size:.65rem;padding:2px 4px;border-radius:15px;grid-column:2;justify-self:end}}@media (max-width: 280px){.snake-game-header{display:grid;grid-template-columns:1fr auto;gap:4px}.snake-game-header h3{font-size:.7rem;grid-column:1;justify-self:start}.score{font-size:.6rem;padding:2px 3px;grid-column:2;justify-self:end}}.toast{position:fixed;top:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(30,41,59,.2);border-radius:12px;padding:0;box-shadow:0 8px 32px #0000001a;z-index:10000;min-width:300px;max-width:400px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translate(100%);opacity:0}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(100%);opacity:0}.toast-content{display:flex;align-items:center;padding:15px 20px;gap:12px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;color:#1e293b;font-weight:500;font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#64748b1a;color:#1e293b}.toast-success{border-left:4px solid #22c55e}.toast-info{border-left:4px solid #3b82f6}.toast-warning{border-left:4px solid #f59e0b}.toast-error{border-left:4px solid #ef4444}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{padding:12px 15px}.toast-message{font-size:.9rem}}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#00adb51a,#393e461a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.loader{width:80px;height:80px;border:4px solid transparent;border-radius:50%;position:relative;animation:spin 1.5s linear infinite;background:linear-gradient(45deg,#00adb5,#393e46,#00adb5);background-size:400% 400%;animation:spin 1.5s linear infinite,gradient-shift 3s ease-in-out infinite}.loader:before{content:"";position:absolute;inset:6px;background:var(--bg-color, #fff);border-radius:50%}.loader:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:linear-gradient(45deg,#00adb5,#393e46);border-radius:50%;animation:pulse 2s ease-in-out infinite}:root{--text-color: #333;--text-primary: #1e293b;--bg-color: #fff;--card-bg: #f9f9f9;--border-color: #ddd;--accent-color: #00adb5;--primary-color: #2563eb;--secondary-color: #03dac6}.theme-dark{--primary-color: #bb86fc;--secondary-color: #03dac6;--text-color: #e0e0e0;--text-primary: #f8f9fa;--bg-color: #121212;--card-bg: #1e1e1e;--border-color: #333;--accent-color: #00adb5}.theme-blue{--text-color: #1e40af;--text-primary: #1e40af;--bg-color: #f0f9ff;--card-bg: #e0f2fe;--border-color: #bae6fd;--accent-color: #2563eb;--primary-color: #2563eb;--secondary-color: #0ea5e9}.theme-purple{--text-color: #7c2d92;--text-primary: #7c2d92;--bg-color: #fdf4ff;--card-bg: #f3e8ff;--border-color: #e9d5ff;--accent-color: #a21caf;--primary-color: #a21caf;--secondary-color: #c084fc}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1040}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}@media (max-width: 768px){.lightbox-content{max-width:95vw;max-height:85vh}}@media (max-width: 480px){.lightbox-content{max-width:98vw;max-height:80vh}}.lightbox-img{width:100%;height:auto;max-height:90vh;object-fit:contain}.lightbox-content .close-btn{position:absolute;top:15px;right:20px;background:#0000004d;border-radius:50%;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1041;line-height:1;width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-shadow:0 0 5px black}@media (max-width: 768px){.lightbox-content .close-btn{top:10px;right:15px;width:35px;height:35px;font-size:1.8rem}}@media (max-width: 480px){.lightbox-content .close-btn{top:8px;right:12px;width:32px;height:32px;font-size:1.6rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.reveal.active{opacity:1;transform:translateY(0)}.glass-effect{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}@media (min-width: 769px){.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media (max-width: 768px){.glass-effect{background:#fffffff2}}.geometric-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6b72801a,#3b82f60d,#a855f71a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.geometric-loader-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.geometric-shapes{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:40px}.geometric-shape{width:25px;height:25px;animation:geometricFloat 2s ease-in-out infinite}.shape-0{background:linear-gradient(45deg,#6b7280,#9ca3af);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-1{background:linear-gradient(45deg,#3b82f6,#60a5fa);border-radius:50%}.shape-2{background:linear-gradient(45deg,#a855f7,#c084fc);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-3{background:linear-gradient(45deg,#00adb5,#006b70);border-radius:4px}.geometric-message{text-align:center;color:var(--text-primary)}.geometric-text{font-size:1.6rem;font-weight:500;color:var(--text-primary);animation:geometricPulse 2s ease-in-out infinite}.geometric-progress{width:180px;height:3px;background:#6b728026;border-radius:2px;overflow:hidden;margin:20px auto 0}.progress-bar{height:100%;background:linear-gradient(90deg,#6b7280,#3b82f6,#a855f7,#00adb5);background-size:200% 100%;border-radius:2px;animation:progressMove 2.5s ease-in-out infinite,gradientMove 4s linear infinite}@keyframes geometricFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-15px) scale(1.1);opacity:1}}@keyframes geometricPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes progressMove{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 768px){.geometric-text{font-size:1.5rem}.geometric-shapes{width:150px;height:150px}.geometric-shape{width:25px;height:25px}.geometric-progress{width:150px}}@media (max-width: 480px){.geometric-text{font-size:1.3rem}.geometric-shapes{width:120px;height:120px}.geometric-shape{width:20px;height:20px}.geometric-progress{width:120px}}.geometric-enhanced{position:relative;overflow:hidden}.geometric-enhanced:before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg at 20% 80%,rgba(107,114,128,.02) 0deg,transparent 60deg,rgba(107,114,128,.01) 120deg,transparent 180deg),conic-gradient(from 180deg at 80% 20%,rgba(59,130,246,.02) 0deg,transparent 60deg,rgba(59,130,246,.01) 120deg,transparent 180deg),radial-gradient(ellipse at 40% 40%,rgba(168,85,247,.01) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:geometricGlow 8s ease-in-out infinite alternate}.theme-dark .geometric-enhanced:before{background:conic-gradient(from 0deg at 20% 80%,rgba(0,173,181,.05) 0deg,transparent 60deg,rgba(0,173,181,.02) 120deg,transparent 180deg),conic-gradient(from 180deg at 80% 20%,rgba(57,62,70,.03) 0deg,transparent 60deg,rgba(57,62,70,.01) 120deg,transparent 180deg),radial-gradient(ellipse at 40% 40%,rgba(0,173,181,.02) 0%,transparent 50%)}.theme-blue .geometric-enhanced:before{background:conic-gradient(from 0deg at 20% 80%,rgba(37,99,235,.05) 0deg,transparent 60deg,rgba(37,99,235,.02) 120deg,transparent 180deg),conic-gradient(from 180deg at 80% 20%,rgba(59,130,246,.03) 0deg,transparent 60deg,rgba(59,130,246,.01) 120deg,transparent 180deg),radial-gradient(ellipse at 40% 40%,rgba(96,165,250,.02) 0%,transparent 50%)}.theme-purple .geometric-enhanced:before{background:conic-gradient(from 0deg at 20% 80%,rgba(162,28,175,.05) 0deg,transparent 60deg,rgba(162,28,175,.02) 120deg,transparent 180deg),conic-gradient(from 180deg at 80% 20%,rgba(168,85,247,.03) 0deg,transparent 60deg,rgba(168,85,247,.01) 120deg,transparent 180deg),radial-gradient(ellipse at 40% 40%,rgba(192,132,252,.02) 0%,transparent 50%)}.geometric-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(107,114,128,.01) 1px,transparent 1px),linear-gradient(-45deg,rgba(107,114,128,.01) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(107,114,128,.005) 2px,transparent 2px);background-size:40px 40px,40px 40px,80px 80px;pointer-events:none;z-index:-3;animation:geometricGridMove 45s linear infinite}@keyframes geometricGridMove{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(.5deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translate(-10px,-10px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}@keyframes geometricGlow{0%,to{opacity:.8;filter:hue-rotate(0deg)}33%{opacity:1;filter:hue-rotate(60deg)}66%{opacity:.9;filter:hue-rotate(-30deg)}}.card.geometric-glow{box-shadow:0 0 20px #6b728008,0 0 40px #3b82f605,0 8px 32px #00000014;border:1px solid rgba(107,114,128,.08);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.card.geometric-glow:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#6b728003,#3b82f603,#a855f703);opacity:0;transition:opacity .4s ease;pointer-events:none}.card.geometric-glow:hover{box-shadow:0 0 30px #6b72800d,0 0 60px #3b82f608,0 12px 48px #0000001f;transform:translateY(-3px) scale(1.02)}.card.geometric-glow:hover:before{opacity:1}.split-parent{contain:layout paint;content-visibility:auto;will-change:transform,opacity}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--background-light: #ffffff;--primary-light: rgba(30, 41, 59, .1);--secondary-light: rgba(30, 41, 59, .05);--accent-color: #00adb5;--text-primary: #1e293b;--text-secondary: #334155;--border-color: rgba(30, 41, 59, .2);--font-family-sans-serif: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--navbar-bg-mobile: rgba(0, 0, 0, .1);--navbar-blur: blur(20px)}body{background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd);color:var(--text-secondary);min-height:100vh}@media (min-width: 1200px) and (prefers-reduced-motion: no-preference){body{background-size:400% 400%;animation:gradient-bg 60s ease infinite;background-attachment:fixed}}@media (max-width: 1199px){body{background-attachment:scroll;background-size:cover;animation:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-dark{--secondary-light: #393e46;--primary-light: #222831;--text-secondary: #e0e0e0;--background-light: #181824;--primary-light: #393e46;--secondary-light: #222831;--accent-color: #00adb5;--text-primary: #f8f9fa;--text-secondary: #e9ecef;--border-color: #393e46;background-color:var(--background-light)!important;color:var(--text-secondary)!important}.theme-blue{--background-light: #e6f0ff;--primary-light: #2563eb;--secondary-light: #3b82f6;--accent-color: #2563eb;--text-primary: #1e293b;--text-secondary: #334155;--border-color: #2563eb44;background-color:var(--background-light)!important;color:var(--text-secondary)!important}.theme-purple{--background-light: #f3e8ff;--primary-light: #a21caf;--secondary-light: #c026d3;--accent-color: #a21caf;--text-primary: #3b0764;--text-secondary: #6d28d9;--border-color: #a21caf44;background-color:var(--background-light)!important;color:var(--text-secondary)!important}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans-serif);background-color:var(--background-dark);color:var(--text-secondary);line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;touch-action:manipulation}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--text-primary)}.container{max-width:1100px;margin:auto;overflow:hidden;padding:0 2rem}section{padding:60px 0;content-visibility:auto;contain-intrinsic-size:800px 1000px}@media (max-width: 1024px){.container{padding:0 1.5rem}section{padding:48px 0}}@media (max-width: 768px){.container{padding:0 1rem}section{padding:40px 0}img{max-width:100%;height:auto}}.bg-light{background-color:var(--light-color)!important}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--dark-color)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);transition:background-color .3s ease,border-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-2px)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .6s forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}@media (max-width: 768px){.container{padding:0 1rem}section{padding:40px 0}h1{font-size:2rem}h2{font-size:1.75rem}}@media (max-width: 480px){.container{padding:0 .8rem}section{padding:30px 0}h1{font-size:1.8rem}h2{font-size:1.6rem}body{font-size:.95rem}}@media (max-width: 360px){.container{padding:0 .5rem}section{padding:25px 0}h1{font-size:1.6rem}h2{font-size:1.4rem}body{font-size:.9rem}}@keyframes gradient-bg{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff80;background-clip:content-box}::selection{background:#ffffff4d;color:#fff}::-moz-selection{background:#ffffff4d;color:#fff}body{font-family:Poppins,sans-serif}