:root{--lime:#D8FF00;--lime2:#C8F000;--black:#080808;--muted:#737373;--line:#E8E8E8;--soft:#F7F7F5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--black);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{width:min(100%,540px);min-height:100vh;margin:auto;background:#fff}.header{height:82px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:20}.logo{background:none;font-size:31px;letter-spacing:-2.5px;font-weight:900;padding:0}.logo span{color:var(--lime2)}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:18px}.hero{padding:5px 20px 30px}.ball-wrap{height:365px;display:grid;place-items:center}.ball{width:292px;height:292px;border-radius:50%;position:relative;background:radial-gradient(circle at 31% 25%,#fbffbb 0 5%,transparent 20%),radial-gradient(circle at 58% 68%,#a9c900 0,#dfff14 45%,#bfe000 72%,#d9ff19 100%);box-shadow:0 38px 48px rgba(145,165,0,.24),inset -30px -30px 45px rgba(75,90,0,.2),inset 18px 15px 22px rgba(255,255,255,.5);transform:rotate(-14deg)}.ball:before,.ball:after{content:"";position:absolute;border:11px solid rgba(245,245,235,.98);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.ball:before{width:190px;height:330px;left:42px;top:-22px;transform:rotate(27deg)}.ball:after{width:180px;height:310px;right:28px;top:5px;transform:rotate(-27deg);opacity:.8}.hero h1{font-size:50px;line-height:.92;letter-spacing:-3.4px;font-weight:900;margin:0}.hero h1 .accent{color:var(--lime2)}.hero p{font-size:16px;line-height:1.4;font-weight:500;color:#2f2f2f;margin:20px 0 24px}.cta{width:100%;min-height:62px;border:0;border-radius:19px;background:var(--lime);color:#050505;font-weight:900;font-size:17px;box-shadow:0 14px 30px rgba(190,225,0,.3);padding:0 18px;transition:transform .12s}.cta:active{transform:scale(.985)}.cta.small{margin-top:18px;min-height:54px;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:29px}.benefit{text-align:center;border-right:1px solid var(--line);padding:4px}.benefit:last-child{border-right:0}.ico{color:var(--lime2);font-size:24px}.benefit strong{font-size:10px;line-height:1.2;display:block;margin-top:7px}.page{padding:18px 20px 40px}.back{font-size:13px;font-weight:800;margin:2px 0 24px;color:#444;cursor:pointer}.back-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:13px;font-weight:800;color:#444;margin:2px 0 24px;cursor:pointer}.back-button:active{opacity:.6}.page-title{font-size:31px;letter-spacing:-1.7px;line-height:1;font-weight:900;margin:0 0 9px}.page-sub{color:var(--muted);font-size:14px;line-height:1.4;margin:0 0 22px;font-weight:500}.input{width:100%;height:56px;border:1px solid #ddd;border-radius:15px;padding:0 15px;margin-bottom:11px;outline:none;font-weight:600}.input:focus{border-color:#aaa;box-shadow:0 0 0 3px rgba(216,255,0,.24)}.fine{font-size:11px;line-height:1.45;color:#888;margin:14px 0}.custom-match-box{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.custom-cta{min-height:52px;font-size:15px;opacity:1;transition:opacity .2s}.custom-cta:disabled{opacity:.35;cursor:not-allowed}.divider{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:#aaa;font-size:11px;font-weight:700;letter-spacing:.5px}.divider::before,.divider::after{content:"";flex:1;height:1px;background:#eee}.match-tabs{display:flex;gap:8px;margin-bottom:16px}.tab{border:0;background:#f1f1f1;padding:10px 15px;border-radius:999px;font-weight:900}.tab.active{background:var(--lime)}.match-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;margin-bottom:10px;transition:.15s}.match-card:hover{transform:translateY(-1px);border-color:#ccc}.match-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:12px}.match-top.bottom{margin:12px 0 0}.players{font-size:18px;line-height:1.45;font-weight:900}.vs{font-size:10px;color:#999;padding:0 4px}.pill{background:#f3f3f3;border-radius:999px;padding:5px 9px;font-size:9px}.loader,.center{text-align:center}.loading-page{padding-top:100px}.spinner{width:58px;height:58px;border-radius:50%;border:7px solid #eee;border-top-color:var(--lime);animation:spin .8s linear infinite;margin:0 auto 28px}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;border-radius:99px;background:#eee;overflow:hidden;margin-top:28px}.progress i{display:block;width:70%;height:100%;background:var(--lime);animation:load 1.1s ease-in-out infinite alternate}@keyframes load{to{width:98%}}.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;margin:5px 0 18px;font-size:18px;font-weight:900}.versus b{font-size:10px;color:#999}.locked{position:relative;border:1px solid var(--line);border-radius:23px;overflow:hidden;min-height:450px}.locked-content{padding:22px;filter:blur(15px);user-select:none}.locked-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.18);padding:20px}.lock-card{width:min(92%,350px);background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.06);border-radius:21px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.09);text-align:center}.lock{font-size:30px}.lock-card h2{font-size:22px;margin:9px 0 7px;font-weight:900}.lock-card p{font-size:13px;line-height:1.4;color:#555;margin:0}.result-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee}.big-num{font-size:42px;font-weight:900}.bar{height:12px;border-radius:99px;background:#eee;overflow:hidden}.bar i{display:block;height:100%;background:var(--lime);border-radius:99px}.bar.big{height:15px}.plan-grid{display:grid;gap:12px}.plan{position:relative;border:1px solid #ddd;border-radius:22px;padding:20px;background:#fff}.plan.popular{border:3px solid var(--lime);padding:18px}.plan h2{font-size:17px;font-weight:900;margin:0 0 7px}.plan .price{font-size:36px;font-weight:900;letter-spacing:-1.5px}.plan .price small{font-size:13px;letter-spacing:0;color:#666}.plan p{color:#777;font-size:12px}.plan ul{list-style:none;padding:0;margin:17px 0}.plan li{font-size:13px;font-weight:600;margin:10px 0}.badge{position:absolute;right:13px;top:13px;background:var(--lime);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.analysis-card{border:1px solid var(--line);border-radius:22px;padding:20px}.eyebrow{font-size:10px;font-weight:900;color:#777;letter-spacing:1px}.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.prob-grid div{display:flex;flex-direction:column}.prob-grid strong{font-size:44px;line-height:1;font-weight:900}.prob-grid span{font-size:12px;font-weight:700;margin-top:5px}.section-title{font-size:14px;font-weight:900;margin:23px 0 9px}.factor,.scenario{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.signal{margin-top:18px;background:var(--lime);border-radius:14px;padding:13px;text-align:center;font-weight:900;font-size:13px}.success{display:inline-block;background:#efffb5;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:900;margin-bottom:18px}.profile-card{border:1px solid var(--line);border-radius:18px;padding:18px;margin:22px 0}.profile-card span{display:block;color:#777;font-size:12px}.profile-card strong{font-size:20px;display:block;margin-top:4px}@media(min-width:700px){.shell{box-shadow:0 0 50px rgba(0,0,0,.05);min-height:100vh}.hero{padding-top:20px}}