.sio-page{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1400px;margin:0 auto;padding:0 40px}.hero-section{max-height:800px;overflow:hidden}.hero-section,.hero-video-container{position:relative;display:flex;align-items:center;justify-content:center}.hero-video,.hero-video-container{width:100%;height:100%}.hero-video{object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.4) 50%,rgba(0,0,0,.7));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.hero-title{font-size:var(--font-6xl);font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.5);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:var(--font-2xl);color:#ccc;font-weight:700;letter-spacing:.05em}.features-section{padding:120px 0;background:#111}.section-title{font-size:var(--font-4xl);font-weight:700;text-align:center;margin-bottom:80px;color:#fff;letter-spacing:-.01em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:#1a1a1a;padding:40px 30px;border-radius:20px;text-align:center;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#f7931e);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{background:#222;border-color:#ff6b35;transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,107,53,.1)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:var(--font-4xl);margin-bottom:24px;display:block}.feature-card h3{font-size:var(--font-2xl);font-weight:600;margin-bottom:16px;color:#fff}.feature-card p{color:#ccc;line-height:1.6;font-size:var(--font-base)}.game-modes-section{padding:120px 0;background:#111}.game-mode-card{margin-bottom:120px;border-radius:24px;overflow:hidden;background:#111;border:1px solid #333;transition:all .3s ease}.game-mode-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.sports-card{background:linear-gradient(135deg,#1a1a1a,#2a1810)}.adventure-card{background:linear-gradient(135deg,#1a1a1a,#0f1a2a)}.game-mode-content{display:grid;min-height:500px;align-items:center}.game-mode-content,.game-mode-content.reverse{grid-template-columns:1fr 1fr}.game-mode-text{padding:60px;display:flex;flex-direction:column;justify-content:center}.game-mode-title{font-size:var(--font-4xl);font-weight:700;margin-bottom:24px;color:#fff;letter-spacing:-.01em}.game-mode-description{font-size:var(--font-lg);line-height:1.7;color:#ccc;margin-bottom:32px}.game-mode-features{display:flex;flex-wrap:wrap;gap:12px}.feature-tag{background:rgba(255,107,53,.2);color:#ff6b35;padding:8px 16px;border-radius:20px;font-size:var(--font-sm);font-weight:500;border:1px solid rgba(255,107,53,.3)}.game-mode-image{position:relative;height:500px;overflow:hidden}.mode-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.game-mode-card:hover .mode-image{transform:scale(1.05)}@media (max-width:1024px){.container{padding:0 30px}.section-title{margin-bottom:60px}.features-grid{gap:30px}.feature-card{padding:30px 20px}.game-mode-content{min-height:auto}.game-mode-content,.game-mode-content.reverse{grid-template-columns:1fr}.game-mode-text{padding:40px;order:2}.game-mode-image{height:300px;order:1}}@media (max-width:768px){.container{padding:0 20px}.hero-section{height:70vh;min-height:500px}.hero-title{margin-bottom:16px}.features-section{padding:80px 0}.section-title{margin-bottom:40px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px 20px}.feature-icon{margin-bottom:16px}.feature-card h3{margin-bottom:12px}.game-modes-section{padding:80px 0}.game-mode-card{margin-bottom:80px}.game-mode-text{padding:30px 20px}.game-mode-image{height:250px}.game-mode-title{margin-bottom:16px}.game-mode-description{margin-bottom:24px}.feature-tag{padding:6px 12px}}@media (max-width:480px){.game-mode-text{padding:24px 16px}.game-mode-image{height:200px}}