.landing{flex-direction:column;gap:24px;display:flex}.public-layout__main:has(.landing){padding-bottom:20px}.landing-hero{isolation:isolate;border:1px solid var(--border);background:var(--surface);border-radius:28px;align-items:center;min-height:clamp(340px,46svh,500px);margin-top:-24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000c}.landing-hero__bg{filter:brightness(1.08)saturate(1.05);z-index:0;background:linear-gradient(90deg,#0a0b0eb3 0%,#0a0b0e52 46%,#0a0b0e0a 76%),linear-gradient(#0a0b0e00 64%,#0a0b0e66 100%),url(/brand/hero-bg.jpg) 50% 35%/cover no-repeat;position:absolute;inset:0}.landing-hero:after{content:"";z-index:1;background:var(--bg);clip-path:polygon(0% 55%,4% 30%,8% 60%,12% 20%,16% 45%,20% 15%,24% 50%,28% 25%,32% 55%,36% 10%,40% 40%,44% 20%,48% 60%,52% 30%,56% 50%,60% 15%,64% 45%,68% 25%,72% 55%,76% 10%,80% 40%,84% 20%,88% 50%,92% 25%,96% 45%,100% 20%,100% 100%,0% 100%);height:46px;display:none;position:absolute;bottom:0;left:0;right:0}.landing-hero__inner{z-index:2;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:44px 48px;display:flex;position:relative}.landing-hero h1{max-width:720px}.landing-hero__logo{align-self:flex-start;width:auto;height:44px;margin-bottom:4px}.landing-hero h1{letter-spacing:-.03em;margin:0;font-size:56px;font-weight:800;line-height:1.04}.landing-hero__lead{color:#ffffffc7;max-width:560px;margin:0;font-size:17px;line-height:1.65}.landing-hero__actions{gap:12px;margin-top:6px;display:flex}.landing-hero__actions .action-link{border-radius:var(--r-pill);min-height:50px;padding:0 26px;font-size:15px}.landing-hero__actions .action-link--secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#ffffff2e}.landing-howto{flex-direction:column;gap:18px;display:flex}.landing-howto__head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.landing-howto__head h2{margin:0;font-size:26px}.landing-howto__head p{color:var(--text-dim);margin:0;font-size:14px;font-weight:600}.landing-howto__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.landing-howto__steps li{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);gap:14px;min-width:0;padding:18px;display:flex}.landing-howto__steps li>div{flex-direction:column;gap:6px;min-width:0;display:flex}.landing-howto__steps strong{color:var(--text-strong);font-size:15px}.landing-howto__steps p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.landing-howto__steps code{font:600 12px var(--mono);color:var(--text-strong);background:var(--surface-raised);border-radius:4px;padding:1px 6px}.landing-howto__steps a{color:var(--accent-soft);font-size:13px;font-weight:700;text-decoration:none}.landing-howto__steps a:hover{color:var(--accent-soft-strong)}.landing-howto__num{background:var(--accent-gradient);width:32px;height:32px;color:var(--on-accent);font:800 13px var(--mono);border-radius:11px;flex:none;place-items:center;display:inline-grid}.landing-about{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;padding-bottom:40px;display:grid}.landing-about__text{flex-direction:column;gap:12px;display:flex}.landing-about__text h2{margin-bottom:4px;font-size:26px}.landing-about__text p{color:var(--text-muted);max-width:640px;font-size:15px;line-height:1.7}.landing-about__cta{border:1px solid var(--accent-dim-border);border-radius:var(--r-lg);background:var(--accent-dim);flex-direction:column;justify-content:center;gap:8px;padding:24px;display:flex}.landing-about__cta p{color:var(--text-muted);font-size:15px;line-height:1.6}.landing-about__cta strong{color:var(--text-strong);font-size:17px}.landing-about__cta .landing-hero__actions{flex-wrap:wrap;margin-top:10px}@media (max-width:780px){.landing-about,.landing-howto__steps{grid-template-columns:1fr}.landing-howto__head h2{font-size:22px}.landing-hero{min-height:420px}.landing-hero__inner{padding:40px 20px 56px}.landing-hero__logo{height:34px}.landing-hero h1{font-size:36px}}@media (max-width:640px){.landing-hero{border-radius:22px;margin-top:-16px}}@media (max-width:480px){.landing-about__text h2{font-size:22px}.landing-about__cta{padding:18px}.landing-hero{min-height:0}.landing-hero__inner{gap:14px;padding:32px 20px 52px}.landing-hero h1{font-size:30px}.landing-hero__lead{font-size:15px}.landing-hero__actions{width:100%}.landing-hero__actions .action-link{flex:auto;padding:0 16px}}.landing-wins{flex-direction:column;gap:14px;display:flex}.landing-wins__periods{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;margin-left:auto;padding:3px;display:inline-flex}.landing-wins__period{all:unset;cursor:pointer;color:var(--text-muted);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;transition:background-color .18s,color .18s}.landing-wins__period:hover{color:var(--text-strong)}.landing-wins__period--active{background:var(--accent-dim);color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-dim-border)}.landing-wins__grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;display:grid}.landing-wins__card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.landing-wins__card--total{border-color:var(--accent-dim-border);background:var(--accent-dim)}.landing-wins__card h3{color:var(--text-strong);margin:0;font-size:15px;font-weight:800}.landing-wins__bar{background:var(--surface-raised);border-radius:999px;height:12px;display:flex;overflow:hidden}.landing-wins__bar span{min-width:2px;height:100%;transition:width .5s;display:block}.landing-wins__legend{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.landing-wins__legend li{grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:13px;display:grid}.landing-wins__legend i{border-radius:999px;width:10px;height:10px}.landing-wins__name{letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.landing-wins__legend strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.landing-wins__legend small{color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px;font-weight:700}.landing-wins__empty{color:var(--text-dim);margin:0;font-size:13px}@media (max-width:640px){.landing-wins__periods{justify-content:stretch;width:100%;margin-left:0}.landing-wins__period{text-align:center;flex:auto}}
