@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--font-heading: "Playfair Display", serif;--font-body: "Nunito", sans-serif;--section-spacing: 100px;--bg-body: #0a192f;--bg-card: #112240;--bg-element: #233554;--bg-panel: rgba(17, 34, 64, .7);--text-heading: #ffffff;--text-body: #e6f1ff;--text-muted: #8892b0;--accent-primary: #ffffff;--accent-secondary: #7dd3fc;--hero-overlay: linear-gradient(rgba(10, 25, 47, .85), rgba(10, 25, 47, .7));--gradient-hero: linear-gradient(135deg, var(--bg-body) 0%, var(--bg-card) 100%);--border-color: rgba(230, 241, 255, .1)}[data-theme=light]{--bg-body: #f7fafc;--bg-card: #ffffff;--bg-element: #e2e8f0;--bg-panel: rgba(255, 255, 255, .75);--text-heading: #1a202c;--text-body: #2d3748;--text-muted: #718096;--accent-primary: #0a192f;--accent-secondary: #0a192f;--hero-overlay: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));--gradient-hero: linear-gradient(135deg, #ebf8ff 0%, #ffffff 100%);--border-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-body);line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);line-height:1.2;margin-bottom:1rem;transition:color .3s ease}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem);color:var(--text-heading);position:relative;display:inline-block}h3{font-size:1.75rem;color:var(--text-heading)}p{margin-bottom:1.5rem;font-size:1.1rem}a{color:var(--accent-secondary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-primary)}img{max-width:100%;height:auto;display:block;border-radius:8px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:var(--section-spacing) 0}.text-center{text-align:center}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 4px 6px #0000001a;border-radius:16px;transition:background .3s ease,border-color .3s ease}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.btn{display:inline-block;padding:14px 32px;font-family:var(--font-body);font-weight:700;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;letter-spacing:.5px}.btn-primary{background:transparent;color:var(--accent-secondary);border-color:var(--accent-secondary)}.btn-primary:hover{background:#64ffda1a;transform:translateY(-3px);box-shadow:0 5px 15px #64ffda33}[data-theme=light] .btn-primary:hover{background:#0a192f1a;box-shadow:0 5px 15px #0a192f33}.btn-secondary{background:var(--accent-primary);color:var(--bg-body);border:none}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}header{height:80px;display:flex;align-items:center;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease;background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}header.scrolled{height:70px;box-shadow:0 10px 30px -10px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--accent-primary);letter-spacing:1px}nav ul{list-style:none;display:flex;gap:30px;align-items:center}nav a{color:var(--text-heading);font-size:.9rem;font-weight:600;position:relative;transition:color .3s ease}nav a:before{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--accent-secondary);transition:width .3s ease}nav a:hover:before,nav a.active:before{width:100%}nav a.active{color:var(--accent-secondary)}.menu-toggle{display:none;background:none;border:none;color:var(--accent-secondary);cursor:pointer}.hero-section{min-height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center;padding-top:80px;position:relative;overflow:hidden;background-image:var(--hero-overlay),url(/assets/space-NWcT8Hi4.jpg);background-size:cover;background-position:center;background-attachment:fixed;transition:background-image .3s ease}.game-board{background:var(--bg-element);border-radius:16px;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;margin:0 auto;transition:background .3s ease}.game-card{aspect-ratio:1;background:var(--bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:transform .6s,background .3s ease,border-color .3s ease;transform-style:preserve-3d;position:relative;border:2px solid var(--accent-secondary)}.game-card.flipped{transform:rotateY(180deg);background:var(--text-heading);border-color:var(--accent-primary)}[data-theme=light] .game-card.flipped{background:#fff}.game-info{text-align:center;margin-bottom:20px;color:var(--text-heading)}.feature-card{background:var(--bg-element);padding:30px;border-radius:12px;transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-10px);background:var(--bg-card);box-shadow:0 10px 20px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:20px;color:var(--accent-secondary)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.menu-toggle{display:block;z-index:1001}nav ul{position:fixed;top:0;right:0;bottom:0;width:75%;background:var(--bg-card);flex-direction:column;padding:100px 40px;transform:translate(100%);transition:transform .3s ease;box-shadow:-10px 0 30px -10px #0003}nav ul.open{transform:translate(0)}.game-board{grid-template-columns:repeat(4,1fr);gap:5px}}header{z-index:10000}.mobile-actions{display:none}.principal-container{display:flex;gap:40px;align-items:center;flex-wrap:wrap;padding:40px}.principal-image-wrapper{flex:1 1 300px;display:flex;justify-content:center}.principal-image{border-radius:50%;border:5px solid var(--accent-primary);box-shadow:0 10px 30px #0000001a;width:250px;height:250px;object-fit:cover}.principal-content{flex:2 1 400px}.hero-content h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:20px;color:var(--text-heading);line-height:1.1}.hero-description{font-size:clamp(1rem,2vw,1.5rem);max-width:800px;margin:0 auto 40px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:768px){header{height:70px;padding:0 15px;background:var(--bg-card)!important;-webkit-backdrop-filter:none;backdrop-filter:none}header .container{padding:0;justify-content:flex-start}.logo{font-size:1.2rem;margin-right:auto}.mobile-actions{display:flex;align-items:center;gap:15px}nav ul{padding-top:90px;background:var(--bg-body);width:100%;max-width:300px;right:0;box-shadow:-5px 0 20px #00000080}nav ul li:has(.theme-toggle){display:none}.principal-container{padding:20px;flex-direction:column;text-align:center}.principal-image{width:180px;height:180px}.principal-content h2{font-size:1.8rem}.hero-section{padding-top:100px;background-attachment:scroll}.gallery-grid{grid-template-columns:1fr}.section-padding{padding:60px 0}}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-actions{display:none!important}}