:root{--primary:#f472b6;--primary-dark:#ec4899;--primary-light:#f9a8d4;--sakura:#fce7f3;--sakura-dark:#fbcfe8;--bg-dark:#1a0a12;--bg-darker:#0f0509;--bg-card:#2d1520;--bg-card-hover:#3d1f2d;--text-white:#ffffff;--text-muted:rgba(255,255,255,0.7);--border-color:rgba(244,114,182,0.3);--glow-pink:0 0 30px rgba(244,114,182,0.4);--glow-sakura:0 0 20px rgba(252,231,243,0.5);--gradient-sakura:linear-gradient(135deg,#f472b6 0%,#ec4899 50%,#f472b6 100%);--gradient-soft:linear-gradient(135deg,#fce7f3 0%,#f9a8d4 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-white);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:all 0.3s ease}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.sakura-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.sakura{position:absolute;top:-50px;animation:sakura-fall linear infinite}.sakura::before{content:'🌸';font-size:20px;display:block;animation:sakura-spin linear infinite}.sakura:nth-child(1){left:5%;animation-duration:12s;animation-delay:0s}.sakura:nth-child(1)::before{animation-duration:3s;font-size:18px}.sakura:nth-child(2){left:15%;animation-duration:15s;animation-delay:2s}.sakura:nth-child(2)::before{animation-duration:4s;font-size:22px}.sakura:nth-child(3){left:25%;animation-duration:10s;animation-delay:1s}.sakura:nth-child(3)::before{animation-duration:2.5s;font-size:16px}.sakura:nth-child(4){left:35%;animation-duration:14s;animation-delay:3s}.sakura:nth-child(4)::before{animation-duration:3.5s;font-size:20px}.sakura:nth-child(5){left:45%;animation-duration:11s;animation-delay:0.5s}.sakura:nth-child(5)::before{animation-duration:2s;font-size:24px}.sakura:nth-child(6){left:55%;animation-duration:13s;animation-delay:2.5s}.sakura:nth-child(6)::before{animation-duration:3s;font-size:18px}.sakura:nth-child(7){left:65%;animation-duration:16s;animation-delay:1.5s}.sakura:nth-child(7)::before{animation-duration:4s;font-size:22px}.sakura:nth-child(8){left:75%;animation-duration:9s;animation-delay:4s}.sakura:nth-child(8)::before{animation-duration:2s;font-size:16px}.sakura:nth-child(9){left:85%;animation-duration:12s;animation-delay:0s}.sakura:nth-child(9)::before{animation-duration:3s;font-size:20px}.sakura:nth-child(10){left:95%;animation-duration:14s;animation-delay:3s}.sakura:nth-child(10)::before{animation-duration:3.5s;font-size:18px}.sakura:nth-child(11){left:10%;animation-duration:11s;animation-delay:5s}.sakura:nth-child(11)::before{animation-duration:2.5s;font-size:22px}.sakura:nth-child(12){left:30%;animation-duration:13s;animation-delay:6s}.sakura:nth-child(12)::before{animation-duration:3s;font-size:16px}.sakura:nth-child(13){left:50%;animation-duration:10s;animation-delay:4s}.sakura:nth-child(13)::before{animation-duration:2s;font-size:24px}.sakura:nth-child(14){left:70%;animation-duration:15s;animation-delay:7s}.sakura:nth-child(14)::before{animation-duration:4s;font-size:20px}.sakura:nth-child(15){left:90%;animation-duration:12s;animation-delay:5s}.sakura:nth-child(15)::before{animation-duration:3s;font-size:18px}@keyframes sakura-fall{0%{top:-50px;transform:translateX(0) rotate(0deg);opacity:1}25%{transform:translateX(30px) rotate(90deg)}50%{transform:translateX(-20px) rotate(180deg)}75%{transform:translateX(40px) rotate(270deg)}100%{top:100vh;transform:translateX(0) rotate(360deg);opacity:0.3}}@keyframes sakura-spin{0%{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(90deg) rotateX(15deg)}50%{transform:rotateY(180deg) rotateX(0deg)}75%{transform:rotateY(270deg) rotateX(-15deg)}100%{transform:rotateY(360deg) rotateX(0deg)}}.header{background:rgba(26,10,18,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1200px;margin:0 auto;padding:0 20px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:45px;width:auto}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary)}.nav-desktop{display:flex;align-items:center;gap:8px}.nav-link{color:var(--text-white);padding:10px 16px;border-radius:var(--radius-sm);font-weight:500;transition:all 0.3s ease}.nav-link:hover{color:var(--primary);background:rgba(244,114,182,0.1)}.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;box-shadow:var(--glow-pink)}.dropdown-menu a{display:block;padding:10px 20px;color:var(--text-white)}.dropdown-menu a:hover{background:rgba(244,114,182,0.1);color:var(--primary)}.header-buttons{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:0.9rem;text-transform:uppercase;transition:all 0.3s ease;cursor:pointer;border:none}.btn-login{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-login:hover{background:var(--primary);color:var(--bg-dark);box-shadow:var(--glow-pink)}.btn-register{background:var(--gradient-sakura);color:white;box-shadow:0 4px 15px rgba(244,114,182,0.3)}.btn-register:hover{transform:translateY(-2px);box-shadow:var(--glow-pink)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px}.hamburger span{width:25px;height:2px;background:var(--primary);transition:all 0.3s ease}.hero{background:linear-gradient(135deg,rgba(26,10,18,0.95),rgba(45,21,32,0.95));padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(244,114,182,0.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(252,231,243,0.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(244,114,182,0.15);color:var(--primary-light);padding:8px 20px;border-radius:var(--radius-full);font-size:0.9rem;font-weight:600;margin-bottom:20px;border:1px solid var(--border-color)}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--text-white)}.hero h1 span{color:var(--primary)}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:30px}.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-hero{padding:16px 40px;font-size:1rem}.hero-stats{display:flex;justify-content:center;gap:50px;margin-top:50px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary)}.stat-label{font-size:0.9rem;color:var(--text-muted)}section{padding:80px 0}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.section-title span{color:var(--primary)}.section-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.game-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);transition:all 0.3s ease}.game-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:var(--glow-pink)}.game-card-image{position:relative;aspect-ratio:4/3;overflow:hidden}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.game-card:hover .game-card-image img{transform:scale(1.1)}.game-card-badge{position:absolute;top:15px;right:15px;background:var(--gradient-sakura);color:white;padding:5px 12px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase}.game-card-content{padding:20px}.game-card-title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.game-card-provider{font-size:0.85rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 30px;text-align:center;transition:all 0.3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--glow-pink)}.feature-icon{width:70px;height:70px;background:rgba(244,114,182,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.feature-title{font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-desc{font-size:0.95rem;color:var(--text-muted);line-height:1.7}.cta-section{background:var(--gradient-sakura);padding:80px 0;text-align:center}.cta-section h2{font-size:2.5rem;color:white;margin-bottom:15px}.cta-section p{font-size:1.2rem;color:rgba(255,255,255,0.9);margin-bottom:30px}.btn-cta{background:white;color:var(--primary-dark);padding:18px 50px;font-size:1.1rem}.btn-cta:hover{background:var(--bg-dark);color:white;transform:translateY(-3px)}.faq-section{padding:80px 0;background:var(--bg-darker)}.faq-container{max-width:800px;margin:0 auto}details.faq-item{background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:15px;border:1px solid var(--border-color);overflow:hidden}details.faq-item summary{padding:20px 25px;cursor:pointer;font-weight:600;color:var(--text-white);display:flex;justify-content:space-between;align-items:center;list-style:none}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary::after{content:'+';font-size:1.5rem;color:var(--primary)}details.faq-item[open] summary::after{content:'−'}details.faq-item .faq-answer{padding:0 25px 20px;color:var(--text-muted);line-height:1.7}.footer{background:var(--bg-darker);border-top:1px solid var(--border-color);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-col h4{color:var(--primary);font-size:1.1rem;margin-bottom:20px}.footer-col a{display:block;color:var(--text-muted);padding:8px 0;font-size:0.95rem}.footer-col a:hover{color:var(--primary);padding-left:5px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border-color);color:var(--text-muted)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);padding:10px 0;z-index:1000}.mobile-nav-inner{display:flex;justify-content:space-around}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-muted);font-size:0.75rem}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary)}.mobile-nav-icon{font-size:1.3rem}@media (max-width:992px){.nav-desktop{display:none}.hamburger{display:flex}.header-buttons{display:none}.hero{padding:60px 0}.hero h1{font-size:2rem}section{padding:50px 0}.mobile-nav{display:block}body{padding-bottom:70px}.sakura:nth-child(n+8){display:none}}@media (max-width:576px){.hero-buttons{flex-direction:column}.btn-hero{width:100%}.games-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (prefers-reduced-motion:reduce){.sakura-container{display:none}.sakura,.game-card,.feature-card,.btn,a{transition:none !important;animation:none !important}.winner-toast{animation:none !important}}.faq-section,.cta-section,.footer{content-visibility:auto;contain-intrinsic-size:auto 500px}.feature-card,.game-card{contain:layout style paint}.sakura-container{will-change:auto;contain:strict}.sakura{will-change:transform,opacity;contain:layout style}.game-card-image img{aspect-ratio:4/3}.winner-toast-container{position:fixed;bottom:90px;left:15px;z-index:9990;display:flex;flex-direction:column;gap:8px;max-width:240px;pointer-events:none}.winner-toast{background:rgba(35,15,25,0.92);border:1px solid rgba(255,143,163,0.2);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;animation:toastSlideIn 0.4s ease forwards,toastFadeOut 0.4s ease 5s forwards;box-shadow:0 2px 12px rgba(0,0,0,0.3);pointer-events:auto;cursor:pointer;text-decoration:none;position:relative}.winner-toast:hover{opacity:0.9}.winner-toast-close{position:absolute;top:3px;right:6px;background:none;border:none;color:rgba(255,255,255,0.4);font-size:0.7rem;cursor:pointer;padding:2px;line-height:1}.winner-toast-close:hover{color:rgba(255,255,255,0.8)}.winner-toast-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--sakura) 100%);display:flex;align-items:center;justify-content:center;font-size:0.8rem;flex-shrink:0}.winner-toast-content{flex:1;min-width:0}.winner-toast-name{font-size:0.7rem;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-toast-amount{font-size:0.8rem;font-weight:700;color:var(--primary)}.winner-toast-game{font-size:0.65rem;color:rgba(255,255,255,0.4)}@keyframes toastSlideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{from{opacity:1}to{opacity:0;transform:translateX(-15px)}}@media (max-width:768px){.winner-toast-container{left:10px;max-width:200px;bottom:80px}.winner-toast{padding:7px 8px}.winner-toast-avatar{width:24px;height:24px;font-size:0.7rem}.winner-toast-amount{font-size:0.75rem}}