.homepage-container{background-color:var(--page-bg);min-height:100dvh;color:var(--text-color);flex-direction:column;display:flex;overflow-x:hidden}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:70dvh;padding:4rem 2rem;display:flex;position:relative}.hero-section .hero-content{z-index:2;max-width:800px;animation:.8s ease-out fadeIn}.hero-section .logo-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.hero-section .logo-wrapper .hero-logo{width:300px;filter:drop-shadow(0 0 20px var(--primary-glow))}.hero-section .hero-title{letter-spacing:-1px;color:var(--header-color);margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-section .hero-title .text-highlight{color:var(--primary);text-shadow:0 0 25px var(--primary-glow)}.hero-section .hero-subtitle{color:var(--text-color-light);margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.hero-section .hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.hero-section .hero-actions .btn{border-radius:50px;align-items:center;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.hero-section .hero-actions .btn-hero-primary{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:var(--primary-shadow)}.hero-section .hero-actions .btn-hero-primary:hover{background:var(--primary-dark);box-shadow:var(--primary-shadow-hover);transform:translateY(-3px)}.hero-section .hero-actions .btn-hero-secondary{border:2px solid var(--border-color);color:var(--text-color);background:0 0}.hero-section .hero-actions .btn-hero-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--card-bg)}.hero-section .hero-glow{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);opacity:.6;pointer-events:none;z-index:1;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.features-section{background:var(--card-bg);border-top:1px solid var(--border-color);padding:5rem 2rem}.features-section .section-header{margin-bottom:3rem}.features-section .section-header h2{color:var(--header-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.features-section .feature-card{background:var(--page-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.features-section .feature-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.features-section .feature-card:hover .card-link{color:var(--primary);gap:10px}.features-section .feature-card .icon-box{background:var(--card-bg-light);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.5rem;display:flex}.features-section .feature-card .icon-box.color-multiplayer{color:var(--primary-light)}.features-section .feature-card .icon-box.color-tournaments{color:var(--secondary)}.features-section .feature-card .icon-box.color-clans{color:var(--success)}.features-section .feature-card .icon-box.color-training{color:#8b5cf6}.features-section .feature-card .icon-box.color-quests{color:#f59e0b}.features-section .feature-card .icon-box.color-shop{color:#06b6d4}.features-section .feature-card .icon-box.color-social{color:#ec4899}.features-section .feature-card .icon-box.color-chat{color:var(--primary)}.features-section .feature-card .icon-box.color-identity{color:var(--danger-color)}.features-section .feature-card h3{color:var(--header-color);margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.features-section .feature-card p{color:var(--text-color-light);margin-bottom:3rem;font-size:.95rem;line-height:1.5}.features-section .feature-card .card-link{color:var(--text-color);align-items:center;gap:5px;margin-top:auto;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.visuals-section{color:var(--text-color);text-align:center;margin-bottom:1em;padding:4rem 2rem;position:relative;overflow:hidden}.visuals-section.visuals-section-dark{background:linear-gradient(to bottom, var(--card-bg), #1a1a2e)}.visuals-section.visuals-section-light{background:linear-gradient(to bottom, var(--card-bg), #dae1e7)}.visuals-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0%,#0003 100%);position:absolute;inset:0}.visuals-section .visuals-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.visuals-section .visuals-content h2{text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:2rem;font-weight:800}.visuals-section .visuals-content .leading-relaxed{opacity:.9;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.visuals-section .visuals-content .leading-relaxed strong{font-weight:700}.visuals-section .visuals-content .leading-relaxed strong:first-of-type{color:#60a5fa}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(2){color:#818cf8}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(3){color:#a78bfa}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(4){color:#22d3ee}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(5){color:#f472b6}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(6){color:#fb923c}.visuals-section .visuals-content .leading-relaxed strong:nth-of-type(7){color:#facc15}.visuals-section .visuals-content .btn-outline-light{border-width:2px;border-radius:50px;padding:.6rem 1.5rem;font-weight:600}.visuals-section .visuals-content .btn-outline-light:hover{color:var(--text-color);background:#434376}.visuals-section .visuals-content .btn-outline-dark{border-width:2px;border-radius:50px;padding:.6rem 1.5rem;font-weight:600}.visuals-section .visuals-content .btn-outline-dark:hover{color:var(--text-color);background:#9ca2a5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.features-section{padding:3rem 1rem}}