.landing-page{min-height:100vh}.hero-section{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);overflow:hidden}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px}.hero-badge,.hero-title{margin-bottom:var(--spacing-lg)}.hero-title{font-size:140px;font-weight:900;color:var(--color-primary);line-height:1;text-shadow:6px 6px 0 var(--color-shadow)}.hero-slogan{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);margin-bottom:var(--spacing-md)}.hero-desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.hero-btn-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.btn-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.login-hint{color:var(--color-warning);font-weight:600}.hero-blocks{position:absolute;inset:0;pointer-events:none}.floating-block{position:absolute;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);animation:bounce 3s ease-in-out infinite}.block-1{width:100px;height:100px;top:15%;left:10%;animation-delay:0s}.block-2{width:80px;height:80px;top:60%;right:12%;animation-delay:-1s}.block-3{width:90px;height:90px;bottom:20%;left:15%;animation-delay:-2s}.how-section{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.section-title{text-align:center;font-size:var(--font-size-2xl);font-weight:900;margin-bottom:var(--spacing-2xl);color:var(--color-text)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.step-card{text-align:center;padding:var(--spacing-xl);min-width:220px;flex:1 1;max-width:300px;position:relative}.step-number{position:absolute;top:-12px;right:var(--spacing-md)}.step-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin:0 auto var(--spacing-md)}.step-card h3{font-size:var(--font-size-lg);font-weight:800;margin-bottom:var(--spacing-sm)}.step-card p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.step-arrow{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary)}.stats-section{padding:var(--spacing-xl) 0}.stats-bar{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-2xl)}.stats-bar .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.stats-bar .stat-value{font-size:var(--font-size-xl);font-weight:900}.stats-bar .stat-label{font-size:var(--font-size-md);opacity:.9}.stat-divider{width:3px;height:50px;background:hsla(0,0%,100%,.3);border-radius:2px}.matches-section{padding:var(--spacing-2xl) 0}.matches-feed{max-height:320px;overflow-y:auto}.match-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:2px solid var(--color-bg-secondary)}.match-item:last-child{border-bottom:none}.match-icon{font-size:var(--font-size-lg)}.match-winner{font-weight:800;color:var(--color-text)}.match-loser{color:var(--color-text-secondary)}.match-mode{color:var(--color-blue)}.match-mode,.match-result{font-weight:700;font-size:var(--font-size-sm)}.match-result{color:var(--color-primary)}.match-bet{margin-left:auto;color:var(--color-accent);font-weight:700}.modes-section{padding:var(--spacing-3xl) 0;background:var(--color-bg-secondary)}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.mode-card{text-align:center;padding:var(--spacing-xl);cursor:pointer;position:relative}.mode-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin:0 auto var(--spacing-md)}.mode-card h3{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--spacing-sm)}.mode-card p{color:var(--color-text-secondary)}.mode-tag{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.cta-section{padding:var(--spacing-3xl) 0}.cta-card{text-align:center;padding:var(--spacing-3xl)}.cta-card .btn{color:#fff!important;border-color:var(--color-border)}.cta-card .btn-danger{background:var(--color-error);color:#fff!important;border:3px solid #c33}.cta-card h2{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:var(--spacing-md)}.cta-card p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:.9}.footer{padding:var(--spacing-xl) 0;border-top:3px solid var(--color-border);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-weight:600}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-primary)}@media (max-width:768px){.hero-title{font-size:72px}.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg)}.stats-bar{flex-direction:column;gap:var(--spacing-lg)}.stat-divider{width:100%;height:2px}.modes-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}