:root{--primary: #FF4D8C;--primary-dark: #cc3d70;--secondary: #8B5CF6;--accent: #F472B6;--bg-dark: #0f0c29;--bg-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .7);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--font-main: "Outfit", sans-serif}:root[data-theme=light]{--bg-gradient: linear-gradient(135deg, #fff5f8, #f3e8ff, #ffeef7);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(43, 33, 64, .1);--glass-shadow: 0 8px 32px 0 rgba(139, 92, 246, .12);--text-main: #2b2140;--text-muted: rgba(43, 33, 64, .65)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden;overflow-wrap:anywhere}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none;opacity:.55;animation:bg-blob-float 24s ease-in-out infinite}body:before{width:300px;height:300px;top:-90px;left:-70px;background:radial-gradient(circle,var(--primary),transparent 70%)}body:after{width:340px;height:340px;bottom:-110px;right:-90px;background:radial-gradient(circle,var(--secondary),transparent 70%);animation-delay:-12s;animation-duration:28s}:root[data-theme=light] body:before,:root[data-theme=light] body:after{opacity:.3}@keyframes bg-blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.15)}66%{transform:translate(-20px,-30px) scale(.9)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}img,iframe{max-width:100%}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}button{border:none;background:none;font-family:inherit;cursor:pointer}.btn-primary,a.btn-primary,a.btn-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff4d8c66}.btn-primary:active{transform:scale(.96)}input,textarea{background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px;color:#fff;width:100%;font-family:inherit;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:var(--primary);background:#0000004d}:root[data-theme=light] input,:root[data-theme=light] textarea{background:#fff9;color:var(--text-main)}:root[data-theme=light] input:focus,:root[data-theme=light] textarea:focus{background:#ffffffe6}.page-container{padding:20px 20px 90px;max-width:600px;margin:0 auto;min-height:100vh}.hidden{display:none}:root[data-theme=light] .home-header-text h1,:root[data-theme=light] .checkers-header h1,:root[data-theme=light] .games-header h1,:root[data-theme=light] .gallery-header h1,:root[data-theme=light] .note-page-header h1,:root[data-theme=light] .login-header h1{background:linear-gradient(to right,var(--secondary),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:500px;display:flex;justify-content:space-around;align-items:center;padding:12px 10px;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.75rem;font-weight:500;transition:all .3s ease;gap:4px}.nav-item.active{color:var(--text-main);transform:translateY(-2px)}.nav-item.active svg{stroke:var(--primary);filter:drop-shadow(0 0 8px var(--primary))}