*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#04110b}body{overflow-x:hidden}.landing{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:42px 18px;background:radial-gradient(circle at 15% 85%,rgba(44,255,111,.28),transparent 30%),radial-gradient(circle at 85% 18%,rgba(0,179,255,.23),transparent 32%),linear-gradient(135deg,#020807 0%,#061911 45%,#071425 100%)}.landing:before{content:"";position:absolute;inset:0;background:url('assets/stadium.svg') center/cover no-repeat;opacity:.24}.bg-lines{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,#000 35%,transparent 80%)}.ball{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.16}.ball-one{width:320px;height:320px;left:-70px;bottom:20px;background:radial-gradient(circle at 35% 35%,#fff,#aeb8be 35%,#101922 36%,#101922 47%,#fff 48%,#fff 62%,#0d141c 63%)}.ball-two{width:150px;height:150px;right:8%;top:9%;background:radial-gradient(circle at 35% 35%,#fff,#c9d2d6 38%,#0b141b 39%,#0b141b 50%,#fff 51%)}.hero{position:relative;z-index:2;width:min(1180px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.left{padding:34px}.badge{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(46,255,118,.35);background:rgba(46,255,118,.12);color:#38ff86;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.7px}h1{margin:22px 0 4px;font-size:clamp(56px,8vw,112px);line-height:.9;font-weight:900;letter-spacing:-5px;text-shadow:0 20px 50px rgba(0,0,0,.5)}.lead{margin:0 0 28px;color:#d9fff0;font-size:clamp(20px,3vw,34px);font-weight:800}.match-card{max-width:560px;padding:24px;border-radius:30px;background:linear-gradient(145deg,rgba(6,24,28,.88),rgba(6,56,35,.72));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(46,255,118,.1);backdrop-filter:blur(18px)}.match-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.match-top span{padding:7px 12px;border-radius:999px;background:#20e76e;color:#03110a;font-weight:900;font-size:13px}.match-top strong{font-size:20px;letter-spacing:2px}.score-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.team{text-align:center;color:#b8c8c2;font-weight:800}.team p{margin:10px 0 0;font-size:12px;letter-spacing:1px}.shield{width:64px;height:74px;margin:auto;border-radius:18px 18px 24px 24px;background:linear-gradient(145deg,#27f879,#057a45);box-shadow:0 14px 34px rgba(39,248,121,.22)}.shield.alt{background:linear-gradient(145deg,#26b9ff,#1043ff)}.score{font-size:72px;font-weight:900;letter-spacing:-4px}.score span{color:#33ff80;margin:0 8px}.field-mini{height:95px;margin-top:22px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(90deg,rgba(46,255,118,.08),rgba(0,179,255,.08));position:relative;overflow:hidden}.field-mini:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.field-mini span{position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;opacity:.8}.field-mini span:nth-child(1){left:22%;top:42%}.field-mini span:nth-child(2){left:51%;top:28%;background:#2bff7a}.field-mini span:nth-child(3){right:20%;bottom:28%}.telegram-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;min-width:310px;padding:19px 28px;border-radius:18px;text-decoration:none;color:#fff;font-size:18px;font-weight:900;text-transform:uppercase;background:linear-gradient(90deg,#13a8ff,#25ed77);box-shadow:0 18px 40px rgba(25,221,135,.3);transition:.22s}.telegram-btn:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(25,221,135,.42)}.telegram-btn span{font-size:20px}.note{margin:15px 0 0;color:rgba(255,255,255,.55);font-weight:700}.right{display:flex;justify-content:center}.phone{width:318px;height:650px;border-radius:48px;padding:14px;background:#050708;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 100px rgba(0,0,0,.65)}.phone-top{width:108px;height:28px;background:#050708;border-radius:0 0 18px 18px;margin:0 auto -6px;position:relative;z-index:3}.phone-screen{height:100%;border-radius:38px;padding:68px 22px 24px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(44,255,111,.18),transparent 38%),linear-gradient(180deg,#071727,#04130d);overflow:hidden;position:relative}.phone-screen:before{content:"";position:absolute;inset:0;background:url('assets/pattern.svg') center/cover no-repeat;opacity:.18}.app-icon,.phone-label,.phone-screen h2,.phone-card,.phone-button{position:relative}.app-icon{width:82px;height:82px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#0a2e35,#0e6b50);border:2px solid #24f678;box-shadow:0 0 40px rgba(36,246,120,.24)}.phone-label{display:inline-block;margin:0 0 13px;padding:7px 12px;border-radius:999px;background:rgba(37,237,119,.18);color:#38ff86;font-weight:900;text-transform:uppercase;font-size:11px}.phone-screen h2{margin:0 0 24px;font-size:44px;letter-spacing:-2px}.phone-card{height:150px;border-radius:22px;background:linear-gradient(135deg,rgba(29,255,113,.18),rgba(11,90,164,.18));border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-around}.phone-card strong{font-size:30px}.tiny-ball{font-size:50px}.phone-button{margin-top:22px;padding:15px;border-radius:14px;background:linear-gradient(90deg,#16a9ff,#23e978);font-weight:900;text-transform:uppercase;font-size:13px}@media(max-width:850px){.landing{padding:22px 14px}.hero{grid-template-columns:1fr;gap:24px}.left{padding:8px;text-align:left}h1{letter-spacing:-3px}.match-card{border-radius:24px;padding:18px}.score{font-size:54px}.telegram-btn{width:100%;min-width:0}.right{display:none}.ball-one{width:210px;height:210px}.ball-two{display:none}}