:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8fb;background:#07090d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(139,83,255,.18),transparent 34%),#07090d}button{font:inherit;color:inherit}.app-shell{min-height:100vh;padding-bottom:92px}.topbar{height:68px;padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#07090ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:10px}.brand-mark,.fatum-mark{display:grid;place-items:center;font-weight:950;background:linear-gradient(145deg,#b99cff,#7750ff);box-shadow:0 0 28px #7750ff52}.brand-mark{width:32px;height:32px;border-radius:10px}.brand div:last-child{display:flex;flex-direction:column}.brand b{font-size:14px;letter-spacing:.14em}.brand span{font-size:7px;color:#777f91;letter-spacing:.26em;margin-top:2px}.avatar{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#171b24;border-radius:50%;overflow:hidden;font-weight:800}.avatar img,.big-avatar img{width:100%;height:100%;object-fit:cover}.content{width:min(760px,100%);margin:auto;padding:22px 16px}.hero{padding:15px 2px 18px;display:flex;align-items:end;justify-content:space-between;gap:14px}.eyebrow,.page-head>span,.section-title>div>span{font-size:10px;letter-spacing:.19em;color:#8e72ff;font-weight:800}.hero h1,.page-head h1{font-size:32px;margin:5px 0 3px;letter-spacing:-.045em}.hero p,.page-head p{color:#818898;margin:0;font-size:13px}.premium-badge{min-width:92px;border:1px solid #343844;background:#11141b;border-radius:16px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:1px 6px;color:#9da3b1}.premium-badge svg{grid-row:1/3;color:#8d96a8}.premium-badge span{font-size:9px;font-weight:900}.premium-badge b{font-size:8px;letter-spacing:.12em}.premium-badge.active{border-color:#8f6bff80;background:linear-gradient(140deg,#8b5bff2e,#171a23d6);color:#c8baff}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 26px}.stat{min-height:74px;display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(145deg,#11151d,#0d1016);border:1px solid #1d222d;border-radius:18px}.stat svg{width:20px;color:#8d70ff}.stat div{display:flex;flex-direction:column}.stat strong{font-size:21px}.stat span{font-size:10px;color:#747d8d}.section-title{margin:24px 2px 10px;display:flex;justify-content:space-between;align-items:end}.section-title h2{font-size:17px;margin:3px 0 0}.section-title button{border:0;background:none;color:#7e8798;display:flex;align-items:center;font-size:11px}.stack{display:grid;gap:10px}.signal-card{width:100%;text-align:left;border:1px solid #202631;border-radius:20px;background:linear-gradient(145deg,#131720f5,#0b0e14f5);padding:15px;box-shadow:0 16px 40px #00000024;cursor:pointer}.signal-card:active{transform:scale(.995)}.signal-topline{display:flex;justify-content:space-between;align-items:center}.type-chip{font-size:8px;letter-spacing:.11em;font-weight:900;padding:5px 7px;border-radius:7px;background:#211b1b;color:#ff9e86}.type-chip.corner{color:#d8b8ff;background:#201928}.live-dot{font-size:10px;color:#aab1bd;display:flex;align-items:center;gap:5px}.live-dot i{width:6px;height:6px;border-radius:50%;background:#58e995;box-shadow:0 0 10px #58e995}.league{font-size:10px;color:#737c8d;margin:11px 0 8px}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.team{display:flex;flex-direction:column;min-width:0}.team.away{text-align:right}.team strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team span{font-size:7px;color:#555e6f;margin-top:3px}.score{display:flex;gap:7px;align-items:center}.score b{font-size:24px}.score em{font-style:normal;color:#4d5564}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.metrics span{font-size:8px;color:#656f7f;background:#0a0d12;border:1px solid #1a1e28;border-radius:9px;padding:7px;text-align:center}.metrics b{color:#d9dde5;margin-left:3px}.score-line{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-top:13px}.score-line>span{font-size:8px;color:#687283;letter-spacing:.1em}.score-line>strong{font-size:11px}.score-track{height:3px;background:#242936;border-radius:9px;grid-column:1/3;overflow:hidden}.score-track i{display:block;height:100%;border-radius:9px;background:#a486ff}.score-line strong.high{color:#ad95ff}.score-line strong.medium{color:#e1bf7a}.score-line strong.low{color:#8b94a4}.signal-card.compact .match-row{margin-top:3px}.signal-card.compact .score-line{margin-top:10px}.product-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-mini-grid button{position:relative;text-align:left;min-height:130px;padding:14px;border-radius:18px;border:1px solid #1e2430;background:#0e1218;display:flex;flex-direction:column;align-items:flex-start}.product-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#18162a;color:#967cff}.product-icon svg{width:18px}.product-mini-grid b{margin-top:14px}.product-mini-grid small{font-size:9px;color:#667080;margin-top:2px}.product-mini-grid i{position:absolute;right:10px;top:10px;font-size:7px;font-style:normal;color:#606979}.product-mini-grid i.online{color:#5ee79b}.page-head{margin:8px 2px 18px}.page-head h1{margin-top:4px}.filter-row{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.filter-row button,.back-link{border:1px solid #202631;background:#0e1218;border-radius:999px;padding:8px 12px;font-size:10px;color:#7f899a}.filter-row button.selected{background:#8f6bff;color:#fff;border-color:#8f6bff}.back-link{margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.detail-grid div{padding:12px;background:#0e1218;border:1px solid #1d232e;border-radius:14px;display:flex;flex-direction:column}.detail-grid span{font-size:8px;color:#6b7484}.detail-grid b{font-size:11px;margin-top:5px}.primary-action{width:100%;margin-top:12px;min-height:48px;border:0;border-radius:15px;background:linear-gradient(135deg,#8f6bff,#6c45f2);font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}.primary-action small{font-weight:500;opacity:.7}.primary-action:disabled{opacity:.58}.product-list{display:grid;gap:9px}.product-list button{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #1d232e;background:#0e1218;border-radius:17px;text-align:left}.product-list div{display:flex;flex-direction:column}.product-list small{color:#667080;margin-top:3px}.product-list>button>svg{color:#4d5667;width:17px}.access{font-size:7px;color:#5ee79b;font-style:normal}.premium-card{border:1px solid rgba(143,107,255,.35);background:radial-gradient(circle at 100% 0,rgba(143,107,255,.22),transparent 38%),#10131a;border-radius:23px;padding:24px}.premium-card>svg{color:#a98fff}.premium-card>span{display:block;margin-top:13px;font-size:9px;letter-spacing:.18em;color:#9b83f8}.premium-card h2{font-size:28px;margin:5px 0}.premium-card p{color:#858d9c;margin:0}.benefits{padding:12px 5px}.benefits p{display:flex;align-items:center;gap:9px;font-size:12px;color:#adb4bf}.benefits svg{width:17px;color:#8f6bff}.profile-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #1e2430;background:#0e1218;border-radius:20px}.big-avatar{width:55px;height:55px;border-radius:17px;background:#2a2350;display:grid;place-items:center;overflow:hidden;font-size:22px;font-weight:900}.profile-card h2{font-size:18px;margin:0}.profile-card p{font-size:11px;color:#778092;margin:3px 0}.profile-card span{font-size:7px;letter-spacing:.13em;color:#997fff}.settings-list{display:grid;gap:8px;margin-top:12px}.settings-list>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #1d232e;background:#0e1218;border-radius:15px}.settings-list svg{width:19px;color:#8d73ef}.settings-list span{display:flex;flex-direction:column}.settings-list b{font-size:12px}.settings-list small{font-size:9px;color:#6d7686;margin-top:3px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:70px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#090b10f0;border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav button{border:0;background:transparent;color:#606a7a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:8px}.bottom-nav svg{width:19px}.bottom-nav button.active{color:#a78cff}.splash,.error-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.fatum-mark{width:58px;height:58px;border-radius:18px;font-size:25px;margin-bottom:14px}.splash b{letter-spacing:.14em}.splash span,.error-screen p,.error-screen small{color:#707989;margin-top:6px}.error-screen h2{margin:8px 0 0}@media(min-width:700px){.content{padding-top:30px}.bottom-nav{width:520px;left:50%;right:auto;transform:translate(-50%);bottom:14px;border:1px solid #1e2430;border-radius:22px}.app-shell{padding-bottom:105px}}.install-banner{width:100%;margin:10px 0 14px;padding:13px 14px;border:1px solid rgba(143,107,255,.32);border-radius:17px;background:linear-gradient(135deg,#8f6bff24,#12151ee6);display:flex;align-items:center;justify-content:space-between;text-align:left}.install-banner>span{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center}.install-banner>span>svg{grid-row:1/3;width:20px;color:#a78cff}.install-banner b{font-size:12px}.install-banner small{font-size:9px;color:#7e8797;margin-top:2px}.install-banner>svg{width:18px;color:#7866b7}.settings-action{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid #1d232e;background:#0e1218;border-radius:15px;text-align:left}.settings-action>svg{width:19px;color:#8d73ef}.settings-action>svg:last-child{width:16px;color:#596273}.settings-action span{display:flex;flex-direction:column}.settings-action b{font-size:12px}.settings-action small{font-size:9px;color:#6d7686;margin-top:3px}.sheet-backdrop{position:fixed;z-index:100;inset:0;background:#000000ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;padding:12px}.install-sheet{position:relative;width:min(100%,520px);border:1px solid #242a37;border-radius:25px 25px 20px 20px;background:radial-gradient(circle at 50% 0,rgba(143,107,255,.13),transparent 32%),#0c1016;padding:26px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px #00000073}.sheet-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;border:1px solid #252b37;background:#141820;display:grid;place-items:center;color:#7c8594}.sheet-close svg{width:17px}.install-icon{width:66px;height:66px;border-radius:19px;overflow:hidden;margin-bottom:16px;box-shadow:0 10px 34px #5d3eb44d}.install-icon img{display:block;width:100%;height:100%}.install-sheet h2{font-size:25px;margin:5px 0 8px}.install-sheet>p{font-size:12px;line-height:1.55;color:#8f98a8;margin:0 0 8px}.install-action{opacity:1!important}.install-steps{display:grid;gap:9px;margin-top:15px}.install-steps>div{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #1e2430;background:#10141b;border-radius:14px}.install-steps b{width:26px;height:26px;border-radius:9px;background:#241d40;color:#ac93ff;display:grid;place-items:center;font-size:11px}.install-steps span{font-size:11px;color:#a8afba;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.install-steps span strong{color:#f0f2f6}.install-steps svg{color:#a48aff;width:15px}.sheet-note{display:block;margin-top:11px;color:#616b7c;font-size:9px;line-height:1.45}.standalone-login{min-height:100dvh;padding:calc(56px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(112,75,217,.16),transparent 28%),#07090d}.standalone-logo{width:84px;height:84px;border-radius:25px;overflow:hidden;margin-bottom:18px;box-shadow:0 15px 52px #603cc74d}.standalone-logo img{width:100%;height:100%;display:block}.standalone-login h1{font-size:28px;margin:6px 0 8px}.standalone-login>p{max-width:390px;color:#808998;line-height:1.55;font-size:12px;margin:0 0 10px}.web-login-button{max-width:390px;opacity:1!important;margin-top:12px}.secondary-action{width:min(100%,390px);min-height:46px;margin-top:9px;border:1px solid #232a35;border-radius:14px;background:#0d1117;color:#9fa7b4;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-action svg{width:17px}.auth-warning{width:min(100%,390px);margin:10px 0 0;padding:10px 12px;border:1px solid rgba(225,191,122,.26);border-radius:12px;background:#e1bf7a0f;font-size:10px;line-height:1.45;color:#bea779}@media(min-width:700px){.sheet-backdrop{align-items:center}.install-sheet{border-radius:25px}.standalone-login{padding-top:40px}}