html,body,#root{margin:0;padding:0;height:100%;width:100%}.landing-container{position:relative;width:100%;height:100%;background-image:url(/bg-landing.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.landing-content{position:relative;z-index:2;text-align:center;max-width:700px;padding:20px}.landing-content h1{font-size:4rem;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.landing-content p{font-size:1.2rem;margin-bottom:30px;line-height:1.6;text-shadow:1px 1px 4px rgba(0,0,0,.6)}.button-group{display:flex;flex-direction:column;gap:15px;align-items:center}.button-group button{padding:12px 25px;font-size:1rem;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .2s ease-in-out}.button-group button:first-child{background-color:#fff;color:#4f46e5}.button-group button:first-child:hover{background-color:#f0f0f0}.button-group button:last-child{background-color:#4f46e5;color:#fff}.button-group button:last-child:hover{background-color:#3730a3}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#000000b3;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-title{margin:0;font-size:1.5rem;font-weight:700;color:#a3e4ff}.navbar-links{display:flex;gap:20px}.nav-link{background:none;border:none;color:#fff;text-decoration:none;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s}.nav-link:hover{color:#ffb6d9}.user-name{margin-right:12px;font-weight:500}.signout-btn{background:#ff4d6d;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .3s}.signout-btn:hover{background:#ff3357}.hamburger{display:none;flex-direction:column;justify-content:center;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#fff;border-radius:2px;transition:all .3s}.mobile-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#000000f2;flex-direction:column;gap:15px;padding:20px}.mobile-menu.active{display:flex}.games-dropdown{display:flex;flex-direction:column;gap:10px;padding-left:12px;margin-top:8px;border-left:2px solid #a3e4ff}.games-toggle{text-align:left;font-weight:600}@media (max-width: 768px){.desktop-only{display:none}.hamburger,.mobile-only{display:flex}}@media (min-width: 769px){.mobile-menu,.mobile-only{display:none!important}}.home-container{padding:100px 20px 20px;display:flex;flex-direction:column;min-height:100vh;background:url(/download.jpg) no-repeat center center/cover;background-size:cover;color:#333;font-family:Poppins,sans-serif}.welcome-section{text-align:center;margin-bottom:40px}.welcome-section h1{font-size:2rem;font-weight:700}.welcome-section p{font-size:1.2rem;color:#fff;margin-top:10px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.content-section{display:flex;flex-direction:row;gap:20px;justify-content:center;flex:1;flex-wrap:wrap;align-items:flex-start;margin-top:20px}.todo-section{flex:.6;min-width:250px;max-width:350px;border-radius:15px;padding:20px;background:url(/to-do.jpg) no-repeat center center/cover;position:relative;color:#fff;box-shadow:0 4px 15px #0000004d;max-height:500px;overflow-y:auto}.todo-section:before{content:"";position:absolute;inset:0;background:#00000080;border-radius:15px;z-index:0}.todo-section *{position:relative;z-index:1}.todo-section h2{margin-bottom:15px;text-align:center;font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.todo-list{list-style:none;padding:0;margin:0 0 15px}.todo-item{background:#ffffffd9;color:#333;margin-bottom:10px;padding:12px 15px;border-radius:8px;font-size:1rem;font-weight:500;box-shadow:0 2px 5px #00000014;transition:background .2s ease}.todo-item:hover{background:#f0f8ff}.empty-msg{text-align:center;font-style:italic;color:#f1f1f1}.todo-link-btn{display:block;margin-top:10px;text-align:center;font-weight:600;text-decoration:none;color:gold;transition:color .2s}.todo-link-btn:hover{color:#ffbf00}.games-grid{flex:.45;display:grid;grid-template-columns:repeat(2,1fr);gap:25px;justify-content:center;max-width:500px;align-self:flex-start}.game-card{display:flex;flex-direction:column;align-items:center;width:220px;height:220px;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:#333;transition:transform .2s ease,box-shadow .2s ease}.game-card img{width:100%;height:150px;object-fit:cover}.game-card span{padding:10px 0;font-weight:600;font-size:1.1rem;text-align:center}.game-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}@media (max-width: 900px){.content-section{flex-direction:column;gap:20px;align-items:center}.todo-section{max-height:none;width:90%}.games-grid{grid-template-columns:1fr;max-width:300px;gap:20px}.game-card{width:180px;height:180px}}.tic-wrapper{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(#0009,#0009),url(/tictactoe-bg.png) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;align-items:center;justify-content:center}.tic-container{background-color:#1e1e1ed9;padding:40px;border-radius:12px;box-shadow:50px 4px 20px #0009;text-align:center;width:90%;max-width:450px;border:1px solid #333}.tic-title{font-size:3em;font-weight:700;margin-bottom:20px;color:#4caf50;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.scoreboard{display:flex;justify-content:space-around;background-color:#2a2a2a;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #444}.score{font-size:1em;font-weight:500;color:#bdbdbd}.status{font-size:1.3em;font-weight:700;margin-bottom:20px;height:28px;color:#03a9f4}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:420px;margin:20px auto}.cell{aspect-ratio:1 / 1;background-color:#333;border:2px solid #555;color:#fff;font-size:3em;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:12px;cursor:pointer;transition:background-color .2s,transform .1s}.cell:not(.filled):hover{background-color:#444}.cell:active{transform:scale(.95)}.filled{cursor:not-allowed}.cell:focus{outline:none;box-shadow:0 0 0 3px #03a9f480}.winner-cell{background-color:#4caf50!important;color:#fff!important;animation:win-glow 1s ease-in-out infinite alternate}@keyframes win-glow{0%{box-shadow:0 0 8px #4caf50,0 0 15px #4caf50}to{box-shadow:0 0 20px #4caf50,0 0 30px #4caf50}}.reset-btn{background-color:#ff5722;color:#fff;border:none;padding:14px 28px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.reset-btn:hover{background-color:#e64a19}.reset-btn:active{transform:scale(.98)}@media (max-width: 480px){.tic-container{padding:30px}.board{gap:8px;max-width:95%}.cell{font-size:2.2em}.tic-title{font-size:2.5em}.status{font-size:1.1em}}.snake-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:url(/snake-game.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;padding:0;margin:0;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative}.snake-page:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.snake-container{margin-top:70px;text-align:center;z-index:1;position:relative}.snake-container h2{font-size:2rem;color:#ffeb3b;margin-bottom:10px}.snake-board{display:inline-block;margin-top:15px;background:#000000b3;border:2px solid #ffeb3b;border-radius:6px;padding:4px}.row{display:flex}.cell{width:20px;height:20px;margin:1px;border-radius:4px;background:#c8e6c9}.cell.snake{background:#2196f3}.cell.food{background:#f44336}.gameover{margin-top:15px;font-size:1.8rem;color:#ff5252;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.7);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.reset-btn-container{margin-top:20px;display:flex;justify-content:center}.reset-btn{padding:10px 20px;border-radius:8px;border:none;background-color:#ffeb3b;color:#000;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.reset-btn:hover{background-color:#fdd835;transform:scale(1.05)}.scoreboard{display:flex;justify-content:space-around;margin-top:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.mobile-controls{display:none;margin-top:20px}.mobile-controls button{font-size:1.5rem;padding:12px 16px;margin:5px;border-radius:8px;border:none;background-color:#ffeb3b;color:#000;cursor:pointer}.mobile-controls button:hover{background-color:#fdd835;transform:scale(1.05)}@media (max-width: 600px){.snake-board{max-width:95vw}.cell{width:16px;height:16px}.mobile-controls{display:block}}.sudoku-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;background:url(/sudoku-bg.jpg) no-repeat center center fixed;background-size:cover;position:relative;overflow:hidden}.sudoku-page:before{content:"";position:absolute;inset:0;background:#0009;z-index:0}.sudoku-container{text-align:center;padding:20px;position:relative;z-index:1;color:#fff}.sudoku-info{margin:10px 0;display:flex;justify-content:space-between;font-size:1.1rem;gap:20px}.sudoku-board{display:grid;grid-template-rows:repeat(6,1fr);margin:20px auto;border:3px solid white;background:#0009}.sudoku-row{display:grid;grid-template-columns:repeat(6,1fr)}.sudoku-cell{width:50px;height:50px;text-align:center;font-size:18px;border:1px solid #666;background:#141414e6;color:#ddd;transition:background .2s,border .2s}.sudoku-cell.fixed{background:#323232f2;font-weight:700;font-size:20px;color:#fff}.sudoku-cell.selected{background:#222;border:2px solid #00ffcc}.sudoku-cell:focus{outline:2px solid #00ff88}.sudoku-cell:nth-child(3n){border-right:3px solid white}.sudoku-row:nth-child(2n) .sudoku-cell{border-bottom:3px solid white}.sudoku-cell:first-child{border-left:3px solid white}.sudoku-row:first-child .sudoku-cell{border-top:3px solid white}.mobile-keypad{display:none}.mobile-keypad button{width:50px;height:50px;font-size:18px;border:none;border-radius:8px;background:#0c8;color:#fff;cursor:pointer;margin:5px;transition:background .2s,transform .2s}.mobile-keypad button:hover{background:#00b377;transform:scale(1.05)}@media (max-width: 768px){.mobile-keypad{display:flex;flex-wrap:wrap;justify-content:center;margin:15px 0;gap:8px}}.sudoku-actions{margin-top:15px;display:flex;justify-content:center;gap:12px}.reset-btn,.submit-btn{padding:10px 16px;font-size:16px;border-radius:8px;border:none;cursor:pointer}.reset-btn{background:#f44;color:#fff}.submit-btn{background:#0af;color:#fff}.sudoku-message{margin-top:10px;font-size:1.2rem;font-weight:700}html,body{margin:0;padding:0;overflow:hidden;height:100%}.game2048-page{position:relative;min-height:100vh;display:flex;flex-direction:column;background:url(/game2048-bg.jpg) no-repeat center center fixed;background-size:cover;font-family:Poppins,sans-serif;color:#fff;overflow:hidden}.game2048-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:0}.game2048-wrapper,.game2048-container,.instructions{position:relative;z-index:1}.game2048-wrapper{flex:1;display:flex;justify-content:center;align-items:center;gap:30px;padding:20px;flex-wrap:wrap;box-sizing:border-box}.game2048-container{background:#141414d9;border-radius:16px;padding:20px;text-align:center;box-shadow:0 0 30px #000c}.title{font-size:2rem;font-weight:700;margin-bottom:10px;color:gold}.score{font-size:1.2rem;margin-bottom:15px;color:#00e676;font-weight:700}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#333;padding:10px;border-radius:12px}.tile{width:70px;height:70px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;transition:all .2s ease-in-out;background:#444;color:#fff}.tile-2{background:#eee4da;color:#333}.tile-4{background:#ede0c8;color:#333}.tile-8{background:#f2b179;color:#fff}.tile-16{background:#f59563;color:#fff}.tile-32{background:#f67c5f;color:#fff}.tile-64{background:#f65e3b;color:#fff}.tile-128{background:#edcf72;color:#fff;font-size:1.3rem}.tile-256{background:#edcc61;color:#fff;font-size:1.3rem}.tile-512{background:#edc850;color:#fff;font-size:1.2rem}.tile-1024{background:#edc53f;color:#fff;font-size:1.1rem}.tile-2048{background:#edc22e;color:#fff;font-size:1.1rem}.gameover{margin-top:15px;font-size:1.5rem;font-weight:700;color:red;animation:blink 1s infinite}@keyframes blink{50%{opacity:.6}}.reset-btn{margin-top:15px;padding:10px 20px;border-radius:8px;border:none;background-color:#06c;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.reset-btn:hover{background-color:#004080}.instructions{background:#000000b3;border-radius:12px;padding:15px;max-width:250px;color:#f1f1f1;line-height:1.5;box-shadow:0 0 15px #00000080}.instructions h3{margin-top:0;color:gold}.instructions ul{padding-left:18px;margin:10px 0}.instructions li{margin-bottom:8px}@media (max-width: 768px){.tile{width:55px;height:55px;font-size:1.2rem}.instructions{max-width:none;width:100%;margin-top:20px;text-align:center}}@media (max-width: 480px){.tile{width:45px;height:45px;font-size:1rem}.title{font-size:1.6rem}}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Poppins,sans-serif}.todo-page{min-height:100vh;width:100%;background:url(/to-do-bg.jpeg) no-repeat center center fixed;background-size:cover;position:relative;display:flex;flex-direction:column;align-items:center}.todo-page:before{content:"";position:absolute;inset:0;background:#000000a6;z-index:0}.todo-container{position:relative;z-index:1;background:#141414d9;padding:25px;border-radius:16px;box-shadow:0 0 25px #000000b3;text-align:center;color:#fff;width:95%;max-width:1000px;margin-top:100px}.todo-form{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.todo-form input{flex:1;padding:10px 12px;border-radius:8px;border:none;outline:none;font-size:1rem}.todo-form button{padding:10px 16px;border:none;border-radius:8px;background:#0af;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.todo-form button:hover{background:#07c}.todo-lists{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.task-column{flex:1;background:#ffffff0d;padding:15px;border-radius:12px;max-height:400px;overflow-y:auto}.task-column h3{margin-top:0;color:gold}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff14;margin:6px 0;padding:8px 12px;border-radius:8px}.todo-item input[type=checkbox]{transform:scale(1.2);margin-right:10px;cursor:pointer}.todo-item span{flex:1;text-align:left;font-size:1rem}.todo-item button{background:transparent;border:none;font-size:1.2rem;cursor:pointer;transition:transform .2s}.todo-item button:hover{transform:scale(1.2)}.todo-list.completed{opacity:.8}@media (max-width: 768px){.todo-lists{flex-direction:column}}