@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap";:root{--bg-color: #0F0F1A;--surface-color: rgba(255, 255, 255, .05);--primary-color: #2B4BEE;--accent-color: #FFCC00;--delete-color: #FF4B2B;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--hero-gradient: linear-gradient(135deg, rgba(43, 75, 238, .4) 0%, rgba(124, 58, 237, .4) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Be Vietnam Pro,Apple SD Gothic Neo,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.glass{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;position:fixed;top:0;width:100%;z-index:1000;background:#0f0f1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--accent-color);-webkit-user-select:none;user-select:none}.admin-badge{font-size:.8rem;background:var(--accent-color);color:#000;padding:2px 8px;border-radius:4px;vertical-align:middle;margin-left:10px}.nav-links a{color:var(--text-primary);text-decoration:none;margin-left:20px;font-weight:500;transition:.3s}.nav-links a:hover{color:var(--accent-color)}.hero-section{height:80vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(/assets/Gemini%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%20%EB%A9%94%EC%9D%B8%ED%99%94%EB%A9%B4-DCL0vhLv.png);background-size:cover;background-position:center;margin-bottom:50px}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(15,15,26,.2),var(--bg-color))}.hero-content{position:relative;z-index:1;padding:0 20px}.hero-content h1{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#fc0,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(255,204,0,.3);margin-bottom:20px}.hero-content p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.btn-random{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,var(--accent-color) 0%,#FFA500 100%);color:#000;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:.3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #fc03}.btn-random:hover{transform:scale(1.05);box-shadow:0 15px 30px #fc06}.game-container{padding:50px 5%;max-width:1400px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.game-card{padding:30px;text-align:center;transition:.4s;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.btn-delete-circle{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background:var(--delete-color);border:none;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.8;transition:.3s;z-index:10}.btn-delete-circle:hover{opacity:1;transform:scale(1.1)}.add-card{border:2px dashed rgba(255,255,255,.2);justify-content:center}.add-card:hover{border-color:var(--accent-color);background:#ffcc000d}.game-thumb-add{font-size:4rem;color:var(--accent-color);margin-bottom:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:5000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{padding:40px;width:90%;max-width:500px}.modal-content h2{margin-bottom:25px;color:var(--accent-color)}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.form-group input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;outline:none}.form-group input:focus{border-color:var(--accent-color)}.modal-actions{display:flex;gap:15px;margin-top:30px}.btn-save,.btn-cancel{flex:1;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;border:none}.btn-save{background:var(--accent-color);color:#000}.btn-cancel{background:#ffffff1a;color:#fff}.game-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--accent-color);transform:scaleX(0);transition:.4s}.game-card:hover{transform:translateY(-15px);background:#ffffff14;border-color:var(--accent-color)}.game-card:hover:before{transform:scaleX(1)}.game-thumb{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 5px 15px rgba(255,255,255,.2))}.game-card h3{font-size:1.5rem;margin-bottom:10px}.game-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:25px;flex-grow:1}.btn-play{display:inline-block;padding:8px 25px;border:2px solid var(--accent-color);color:var(--accent-color);text-decoration:none;border-radius:8px;font-weight:600;transition:.3s}.btn-play:hover{background:var(--accent-color);color:#000}.footer{padding:50px 5%;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:100px;color:var(--text-secondary)}@media (max-width: 768px){.hero-section{height:60vh}.hero-content h1{font-size:2.5rem}.section-title{font-size:2rem}}