:root{font-size:62.5%;--vf02-bg:#101725;--vf02-panel:#18243a;--vf02-panel2:#243653;--vf02-primary:#ffd700;--vf02-accent:#cd853f;--vf02-soft:#f0e68c;--vf02-text:#f7f7f2;--vf02-muted:#cccccc;--vf02-line:rgba(255,215,0,.22);--vf02-shadow:0 1.6rem 3rem rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(255,215,0,.15),transparent 28%),linear-gradient(180deg,#0c1220,#18243a 48%,#0f1726);color:var(--vf02-text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.6rem;line-height:1.5;overflow-x:hidden}
a{color:var(--vf02-soft);text-decoration:none}
a:hover{color:var(--vf02-primary)}
img{max-width:100%;display:block}
button{font-family:inherit}
.vf02-page{min-height:100vh}
.vf02-container{width:min(100%,43rem);margin:0 auto;padding:0 1.4rem}
.vf02-wrapper{width:min(100%,43rem);margin:0 auto}
.vf02-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(16,23,37,.94);backdrop-filter:blur(1.2rem);border-bottom:.1rem solid var(--vf02-line)}
.vf02-header-inner{width:min(100%,43rem);margin:0 auto;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;min-height:6rem}
.vf02-brand{display:flex;align-items:center;gap:.8rem;min-width:0;color:var(--vf02-text);font-weight:900;letter-spacing:.02em}
.vf02-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 0 .2rem rgba(255,215,0,.2)}
.vf02-brand-text{font-size:1.7rem;white-space:nowrap;text-transform:lowercase}
.vf02-header-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.vf02-btn{border:0;border-radius:999px;min-height:4.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:#101725;background:var(--vf02-primary);padding:0 1.3rem;box-shadow:0 .7rem 1.6rem rgba(255,215,0,.22)}
.vf02-btn:hover{transform:translateY(-.1rem);box-shadow:0 1rem 2rem rgba(255,215,0,.32)}
.vf02-btn:active{transform:scale(.96)}
.vf02-btn-ghost{background:rgba(204,204,204,.12);color:var(--vf02-text);border:.1rem solid rgba(204,204,204,.25);box-shadow:none}
.vf02-btn-small{min-height:3.8rem;padding:0 1rem;font-size:1.3rem}
.vf02-menu-toggle{width:4.4rem;min-width:4.4rem;padding:0;border-radius:1.2rem;background:linear-gradient(135deg,var(--vf02-accent),var(--vf02-primary));color:#101725}
.vf02-desktop-nav{display:none}
.vf02-mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(86vw,34rem);z-index:9999;transform:translateX(105%);transition:transform .25s ease;background:linear-gradient(180deg,#18243a,#101725);border-left:.1rem solid var(--vf02-line);box-shadow:-2rem 0 4rem rgba(0,0,0,.4);padding:7.2rem 1.4rem 2rem;display:flex;flex-direction:column;gap:.8rem}
.vf02-mobile-menu-open{transform:translateX(0)}
.vf02-mobile-menu a{display:flex;align-items:center;gap:1rem;min-height:4.8rem;padding:0 1.2rem;border-radius:1.2rem;background:rgba(255,255,255,.06);font-weight:800;color:var(--vf02-text)}
.vf02-lock-scroll{overflow:hidden}
.vf02-main{padding-top:7.2rem}
.vf02-hero{padding:1rem 0 1.6rem}
.vf02-carousel{position:relative;border-radius:2.2rem;overflow:hidden;min-height:20rem;background:#0b101d;box-shadow:var(--vf02-shadow);border:.1rem solid var(--vf02-line)}
.vf02-slide{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .45s ease,transform .45s ease;cursor:pointer}
.vf02-slide-active{opacity:1;transform:scale(1);position:relative}
.vf02-slide img{width:100%;height:20rem;object-fit:cover;filter:saturate(1.12) contrast(1.08)}
.vf02-slide-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;padding:1rem;border-radius:1.4rem;background:rgba(16,23,37,.82);border:.1rem solid var(--vf02-line)}
.vf02-slide-caption strong{display:block;color:var(--vf02-primary);font-size:1.7rem}
.vf02-dots{position:absolute;right:1.2rem;top:1.2rem;display:flex;gap:.6rem}
.vf02-dot{width:.9rem;height:.9rem;border-radius:50%;background:rgba(255,255,255,.45)}
.vf02-dot-active{background:var(--vf02-primary);box-shadow:0 0 1.2rem var(--vf02-primary)}
.vf02-kicker{color:var(--vf02-primary);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem;margin:0 0 .6rem}
.vf02-title{font-size:3rem;line-height:1.08;margin:0 0 1rem;color:var(--vf02-text);letter-spacing:-.04em}
.vf02-lead{font-size:1.6rem;color:var(--vf02-muted);margin:0 0 1.4rem}
.vf02-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0}
.vf02-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.4rem 0}
.vf02-stat{border:.1rem solid var(--vf02-line);background:rgba(255,255,255,.06);border-radius:1.4rem;padding:1rem;text-align:center}
.vf02-stat strong{display:block;color:var(--vf02-primary);font-size:1.8rem}
.vf02-stat span{font-size:1.1rem;color:var(--vf02-muted)}
.vf02-section{margin:1.6rem 0;padding:1.5rem;border:.1rem solid rgba(255,215,0,.16);border-radius:2rem;background:linear-gradient(180deg,rgba(36,54,83,.86),rgba(24,36,58,.86));box-shadow:0 1rem 2.2rem rgba(0,0,0,.18)}
.vf02-section h2{font-size:2.2rem;line-height:1.16;margin:.2rem 0 1rem;color:var(--vf02-primary)}
.vf02-section h3{font-size:1.7rem;margin:1rem 0 .5rem;color:var(--vf02-soft)}
.vf02-section p{margin:.8rem 0;color:var(--vf02-muted)}
.vf02-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.vf02-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.vf02-game-card{border:.1rem solid rgba(204,204,204,.15);background:rgba(16,23,37,.74);border-radius:1.3rem;padding:.7rem;min-height:10.8rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.55rem;text-align:center;transition:transform .18s ease,border-color .18s ease}
.vf02-game-card:hover{transform:translateY(-.2rem);border-color:var(--vf02-primary)}
.vf02-game-card img{width:5.6rem;height:5.6rem;border-radius:1.1rem;object-fit:cover;background:#0f1726}
.vf02-game-card span{font-size:1.08rem;line-height:1.18;font-weight:800;color:var(--vf02-text)}
.vf02-card{background:rgba(16,23,37,.66);border:.1rem solid rgba(204,204,204,.16);border-radius:1.6rem;padding:1.2rem}
.vf02-card strong{color:var(--vf02-primary)}
.vf02-link-text{font-weight:900;color:var(--vf02-primary);border-bottom:.1rem dashed var(--vf02-primary)}
.vf02-promo-line{display:block;margin:.8rem 0;font-weight:900;color:var(--vf02-primary)}
.vf02-steps{counter-reset:vf02Step;display:grid;gap:1rem;padding:0;margin:0;list-style:none}
.vf02-steps li{counter-increment:vf02Step;position:relative;background:rgba(255,255,255,.06);border-radius:1.4rem;padding:1rem 1rem 1rem 4.6rem;color:var(--vf02-muted)}
.vf02-steps li:before{content:counter(vf02Step);position:absolute;left:1rem;top:1rem;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--vf02-primary);color:#101725;display:grid;place-items:center;font-weight:900}
.vf02-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:rgba(255,215,0,.14);color:var(--vf02-primary);font-weight:900;font-size:1.2rem;margin:.2rem .2rem .2rem 0}
.vf02-winners{display:grid;gap:.8rem}
.vf02-winner{display:flex;justify-content:space-between;gap:1rem;background:rgba(255,255,255,.06);border-radius:1.2rem;padding:.9rem}
.vf02-table{width:100%;border-collapse:separate;border-spacing:0 .7rem}
.vf02-table th,.vf02-table td{text-align:left;padding:.8rem;border-top:.1rem solid rgba(255,255,255,.08);border-bottom:.1rem solid rgba(255,255,255,.08);background:rgba(16,23,37,.62);font-size:1.3rem}
.vf02-table th:first-child,.vf02-table td:first-child{border-radius:1rem 0 0 1rem;border-left:.1rem solid rgba(255,255,255,.08)}
.vf02-table th:last-child,.vf02-table td:last-child{border-radius:0 1rem 1rem 0;border-right:.1rem solid rgba(255,255,255,.08)}
.vf02-review{display:grid;gap:1rem}
.vf02-review blockquote{margin:0;background:rgba(255,255,255,.06);border-left:.4rem solid var(--vf02-primary);border-radius:1rem;padding:1rem;color:var(--vf02-muted)}
.vf02-footer{margin-top:2rem;padding:2rem 0 8rem;background:#0a101b;border-top:.1rem solid var(--vf02-line)}
.vf02-footer-grid{display:grid;gap:1.2rem}
.vf02-footer-links{display:flex;flex-wrap:wrap;gap:.7rem}
.vf02-footer-links a{padding:.7rem 1rem;border-radius:999px;background:rgba(255,255,255,.06);font-weight:800;font-size:1.3rem;color:var(--vf02-muted)}
.vf02-partners{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.vf02-partner{width:5.8rem;height:3.2rem;border-radius:.8rem;background:linear-gradient(135deg,#2e4057,#cd853f);display:grid;place-items:center;font-weight:900;color:#fff;border:.1rem solid rgba(255,255,255,.15)}
.vf02-copy{font-size:1.2rem;color:var(--vf02-muted)}
.vf02-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#111a2a;border-top:.1rem solid rgba(255,215,0,.25);height:6.2rem;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -1rem 2rem rgba(0,0,0,.3)}
.vf02-bottom-nav button{min-width:6rem;min-height:6rem;border:0;background:transparent;color:var(--vf02-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-weight:900;font-size:1.05rem;cursor:pointer;transition:transform .18s ease,color .18s ease}
.vf02-bottom-nav button i,.vf02-bottom-nav button ion-icon,.vf02-bottom-nav button .material-icons,.vf02-bottom-nav button svg{font-size:2.3rem;width:2.4rem;height:2.4rem}
.vf02-bottom-nav button:active{transform:scale(.9)}
.vf02-bottom-nav .vf02-current,.vf02-bottom-nav button:hover{color:var(--vf02-primary)}
.vf02-bottom-nav .vf02-current{background:linear-gradient(180deg,rgba(255,215,0,.14),transparent);border-radius:1.6rem}
.vf02-faq details{background:rgba(16,23,37,.62);border:.1rem solid rgba(204,204,204,.14);border-radius:1.2rem;padding:1rem;margin:.8rem 0}
.vf02-faq summary{cursor:pointer;font-weight:900;color:var(--vf02-soft)}
.vf02-note{font-size:1.25rem;color:var(--vf02-muted)}
.vf02-current{outline:.1rem solid rgba(255,215,0,.3)}
@media (min-width:769px){.vf02-wrapper,.vf02-container,.vf02-header-inner{width:min(100%,112rem);max-width:112rem}.vf02-desktop-nav{display:flex;align-items:center;gap:.8rem;margin-left:1rem}.vf02-desktop-nav a{font-weight:800;color:var(--vf02-muted);font-size:1.3rem}.vf02-menu-toggle{display:none}.vf02-main{padding-top:8rem}.vf02-carousel{min-height:34rem}.vf02-slide img{height:34rem}.vf02-title{font-size:4.6rem}.vf02-grid{grid-template-columns:repeat(3,1fr)}.vf02-game-grid{grid-template-columns:repeat(8,1fr)}.vf02-footer{padding-bottom:3rem}.vf02-bottom-nav{display:none}}
@media (max-width:768px){.vf02-main{padding-bottom:8rem}.vf02-desktop-only{display:none!important}.vf02-header-actions .vf02-btn-small{padding:0 .8rem;font-size:1.2rem}.vf02-section{margin-left:.2rem;margin-right:.2rem}.vf02-footer{padding-bottom:9rem}}
@media (max-width:360px){.vf02-game-grid{grid-template-columns:repeat(3,1fr)}.vf02-title{font-size:2.55rem}.vf02-brand-text{font-size:1.45rem}.vf02-header-actions{gap:.4rem}.vf02-btn-small{min-height:3.6rem}}