@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--navy-950:#081b2e;--navy-900:#0d2e4c;--navy-800:#124571;--navy-700:#1a5a8f;--navy-600:#256fac;--gold-500:#f2a93b;--gold-400:#f6bc61;--gold-600:#d98e22;--cream:#f8f4ea;--paper:#f2f5f9;--ink:#0c2138;--ink-soft:#4a627c;--line:#dde5ee;--ball-b:#e6455a;--ball-i:#f2a93b;--ball-n:#2fa66a;--ball-g:#2f8fd1;--ball-o:#9a5cf2;--radius:18px;--shadow-lg:0 24px 60px -20px #081b2e59;--shadow-sm:0 6px 18px -8px #081b2e40}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}h1,h2,h3,.display{font-family:"Baloo 2",sans-serif}.mono{font-family:Space Mono,monospace}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--gold-400);color:var(--navy-950)}#app{min-height:100vh}.container{max-width:1180px;margin:0 auto;padding:0 28px}.btn{white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-gold{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--navy-950);box-shadow:0 10px 24px -8px #f2a93b99}.btn-gold:hover{box-shadow:0 14px 30px -8px #f2a93bbf}.btn-navy{background:var(--navy-800);color:#fff}.btn-navy:hover{background:var(--navy-700)}.btn-outline{color:#fff;border:1.5px solid #ffffff59}.btn-outline:hover{background:#ffffff1a}.btn-outline-dark{border:1.5px solid var(--line);color:var(--navy-800);background:#fff}.btn-outline-dark:hover{border-color:var(--navy-700);background:var(--paper)}.btn-ghost{color:var(--navy-800);padding:10px 14px;font-weight:600}.btn-ghost:hover{background:#12457112;border-radius:10px}.btn-sm{border-radius:100px;padding:8px 16px;font-size:13px}.btn-danger{color:var(--ball-b);background:#fff0f1}.btn-danger:hover{background:#ffe1e3}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-btn:hover{background:var(--paper)}.nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081b2eb8;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:16px 28px;display:flex}.brand{color:#fff;letter-spacing:.2px;align-items:center;gap:10px;font-family:"Baloo 2";font-size:22px;font-weight:800;display:flex}.brand-mark{background:conic-gradient(from 210deg,var(--ball-b),var(--ball-i),var(--ball-n),var(--ball-g),var(--ball-o),var(--ball-b));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 0 0 3px #ffffff26}.brand-mark span{color:#fff;background:#0c2138;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Space Mono;font-size:11px;display:flex}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:#fffc;border-radius:100px;padding:9px 14px;font-size:14.5px;font-weight:600}.nav-links a:hover{color:#fff;background:#ffffff1a}.hero{background:radial-gradient(120% 140% at 15% -10%,#1a5a8f 0%,var(--navy-900) 45%,var(--navy-950) 100%);color:#fff;padding:76px 0 110px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.eyebrow{color:var(--gold-400);background:#ffffff14;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.5px;margin:0 0 20px;font-size:52px;font-weight:800;line-height:1.05}.hero h1 em{color:var(--gold-400);font-style:normal}.hero p.lead{color:#ffffffbf;max-width:480px;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:36px;display:flex}.hero-trust{color:#ffffff8c;flex-wrap:wrap;gap:26px;font-size:13.5px;display:flex}.hero-trust b{color:#fff;font-family:Space Mono}.draw-machine{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;padding:38px;scroll-margin-top:90px;position:relative}.draw-machine .label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80;text-align:center;margin-bottom:18px;font-size:12.5px;font-weight:700}.draw-ball-wrap{justify-content:center;align-items:center;height:132px;margin-bottom:22px;display:flex}.draw-ball{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative;box-shadow:0 20px 40px -10px #00000080,inset 0 -10px 18px #0000002e,inset 0 8px 14px #ffffff59}.draw-ball .letter{color:#ffffffeb;font-family:"Baloo 2";font-size:22px;font-weight:800;line-height:1}.draw-ball .num{color:#fff;font-family:Space Mono;font-size:34px;font-weight:700;line-height:1.1}.mini-history{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mini-ball{color:#fff;opacity:.85;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Space Mono;font-size:11px;font-weight:700;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.4)rotate(-10deg)}60%{opacity:1;transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpCentered{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes ring{0%{box-shadow:0 0 #f2a93b8c}to{box-shadow:0 0 0 14px #f2a93b00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-pop{animation:.5s cubic-bezier(.2,.9,.3,1.2) popIn}.anim-fadeup{animation:.35s both fadeUp}.anim-slidein{animation:.3s both slideIn}.anim-ring{animation:1.1s ease-out infinite ring}@keyframes popOut{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.4)rotate(10deg)}}.anim-pop-out{pointer-events:none;animation:.28s cubic-bezier(.4,0,.6,1) forwards popOut}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floaters .f{opacity:.14;border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}.section{padding:88px 0}.section-head{max-width:600px;margin:0 0 48px}.section-head .kicker{color:var(--navy-700);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px;font-size:13px;font-weight:700}.section-head h2{color:var(--navy-950);letter-spacing:-.3px;margin:0 0 12px;font-size:34px;font-weight:800}.section-head p{color:var(--ink-soft);margin:0;font-size:16.5px;line-height:1.6}.feat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feat-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px;transition:transform .2s,box-shadow .2s}.feat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.feat-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;font-size:20px;display:flex}.feat-card h3{color:var(--navy-950);margin:0 0 8px;font-size:17px}.feat-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.55}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#fbfcfe);padding:30px 26px;position:relative}.step .n{color:var(--gold-600);background:#fff3e0;border-radius:8px;margin-bottom:14px;padding:4px 10px;font-family:Space Mono;font-size:13px;font-weight:700;display:inline-block}.step h3{color:var(--navy-950);margin:0 0 8px;font-size:18px}.step p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.55}.pricing-wrap{background:var(--navy-950);padding:96px 0;position:relative;overflow:hidden}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.plan{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;padding:32px 28px;display:flex}.plan.pop{border-color:var(--gold-500);background:linear-gradient(#f2a93b1f,#ffffff0a);position:relative;transform:translateY(-10px)}.plan-badge{background:var(--gold-500);color:var(--navy-950);letter-spacing:.3px;border-radius:100px;padding:5px 12px;font-size:11.5px;font-weight:800;position:absolute;top:-13px;left:28px}.plan h3{margin:0 0 6px;font-family:"Baloo 2";font-size:21px}.plan .price{margin:14px 0 2px;font-family:Space Mono;font-size:36px;font-weight:700}.plan .price span{color:#ffffff8c;font-family:Inter;font-size:14px;font-weight:400}.plan .sub{color:#ffffff8c;margin-bottom:22px;font-size:13.5px}.plan ul{flex:1;margin:0 0 26px;padding:0;list-style:none}.plan li{color:#ffffffd9;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;line-height:1.4;display:flex}.plan li .ok{color:var(--gold-400);flex-shrink:0}.footer{background:var(--navy-950);color:#ffffff80;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:34px 0;font-size:13.5px;display:flex}.footer .brand{font-size:16px}.app-nav{background:var(--navy-950);padding:14px 0}.app-nav .nav-inner{padding:0 28px}.role-badge{color:#fff;background:#ffffff14;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.role-badge.player{color:var(--gold-400);background:#f2a93b29}.app-body{background:var(--paper);min-height:calc(100vh - 66px);padding:36px 0 70px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-head h1{color:var(--navy-950);margin:0 0 6px;font-size:28px}.page-head .sub{color:var(--ink-soft);font-size:14.5px}.crumb{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:10px;font-size:13.5px;display:flex}.crumb a{color:var(--navy-700);font-weight:600}.crumb a:hover{text-decoration:underline}.plan-widget{border:1px solid var(--line);background:#fff;border-radius:100px;align-items:center;gap:14px;padding:8px 8px 8px 18px;display:flex}.plan-widget .bar{background:#e7edf4;border-radius:100px;width:110px;height:7px;overflow:hidden}.plan-widget .bar i{background:linear-gradient(90deg,var(--gold-500),var(--gold-400));border-radius:100px;height:100%;display:block}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.event-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.event-card{cursor:pointer;padding:22px;transition:box-shadow .2s,transform .2s}.event-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.event-card h3{color:var(--navy-950);margin:0 0 4px;font-size:18px}.event-card .date{color:var(--ink-soft);margin-bottom:16px;font-size:13px}.event-stats{gap:16px;margin-bottom:14px;display:flex}.event-stats div{color:var(--ink-soft);font-size:13px}.event-stats b{color:var(--navy-900);font-family:Space Mono;font-size:18px;display:block}.mini-letters{gap:5px;display:flex}.mini-letters span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9.5px;font-weight:700;display:flex}.badge{letter-spacing:.2px;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-pending{color:var(--ink-soft);background:#eef1f6}.badge-live{color:#d0392a;background:#ffe9e6}.badge-live .dot{background:#d0392a;border-radius:50%;width:6px;height:6px;animation:1.4s infinite ring2}@keyframes ring2{0%,to{opacity:1}50%{opacity:.3}}.badge-finished{color:#1c8a52;background:#e7f6ee}.empty{text-align:center;color:var(--ink-soft);padding:70px 30px}.empty .big{margin-bottom:10px;font-size:44px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0814228c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeUp;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:30px;animation:.28s cubic-bezier(.2,.9,.3,1.1) popIn}.modal h3{color:var(--navy-950);margin:0 0 4px;font-size:20px}.modal .desc{color:var(--ink-soft);margin-bottom:20px;font-size:13.5px}.field{margin-bottom:16px}.field label{color:var(--navy-900);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field input,.field textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:var(--paper);resize:vertical;border-radius:12px;padding:11px 14px;font-family:inherit;font-size:14.5px}.field input:focus,.field textarea:focus{border-color:var(--navy-700);background:#fff;outline:none}.modal-actions{gap:10px;margin-top:22px;display:flex}.event-hero{background:linear-gradient(120deg,var(--navy-900),var(--navy-800));color:#fff;border-radius:22px;flex-wrap:wrap;justify-content:space-between;gap:26px;margin-bottom:26px;padding:30px 32px;display:flex}.event-hero h1{margin:0 0 6px;font-size:26px}.event-hero .date{color:#fff9;font-size:13.5px}.share-box{background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:16px;min-width:290px;padding:16px 18px;display:flex}.share-box img{background:#fff;border-radius:10px;width:78px;height:78px;padding:5px}.share-box .link-row{background:#0003;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;display:flex}.share-box .link-row span{color:#fffc;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-family:Space Mono;font-size:11.5px;overflow:hidden}.share-box .share-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.share-box .share-actions .btn{padding:7px 14px;font-size:12.5px}.games-list{flex-direction:column;gap:14px;display:flex}.game-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.game-row .left{align-items:center;gap:16px;display:flex}.game-num{background:var(--paper);width:42px;height:42px;color:var(--navy-700);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Mono;font-weight:700;display:flex}.game-row h3{color:var(--navy-950);margin:0 0 4px;font-size:16.5px}.game-row p{color:var(--ink-soft);max-width:420px;margin:0;font-size:13.5px}.game-row .meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.letters-mini{gap:4px;display:flex}.letters-mini span{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.letters-mini span.off{color:#9aa9ba;text-decoration:line-through;background:#dde3ea!important}.game-row .right{align-items:center;gap:8px;display:flex}.letters-toggle{flex-wrap:wrap;gap:14px;display:flex}.letter-btn{border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:78px;height:88px;transition:all .18s;display:flex}.letter-btn .lb-letter{font-family:"Baloo 2";font-size:26px;font-weight:800}.letter-btn .lb-range{color:var(--ink-soft);font-family:Space Mono;font-size:10px}.letter-btn .lb-state{margin-top:2px;font-size:10.5px;font-weight:700}.letter-btn.active{border-color:#0000;box-shadow:inset 0 8px 18px -8px #00000059,0 0 0 3px #00000008}.letter-btn.covered{opacity:.65;background:#f2f4f7;border-color:#e3e8ee}.letter-btn.covered .lb-letter{color:#a7b2bf;text-decoration:line-through}.letter-btn.covered .lb-state{color:#c0392b}.letter-btn:not(.covered) .lb-state{color:#1c8a52}.live-layout{grid-template-columns:1.55fr 1fr;align-items:start;gap:22px;display:grid}.caller-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.call-form{gap:10px;margin-bottom:20px;display:flex}.call-form input{border:2px solid var(--line);background:var(--paper);text-align:center;min-width:0;color:var(--navy-950);letter-spacing:1px;border-radius:16px;flex:1;padding:16px 18px;font-family:Space Mono;font-size:24px;font-weight:700}.call-form input:focus{border-color:var(--navy-700);background:#fff;outline:none}.call-form input.shake{animation:.5s shakeX;border-color:var(--ball-b)!important}.call-form button{flex-shrink:0;padding:0 26px}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.caller-stage{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;min-height:158px;margin-bottom:6px;display:flex}.current-ball{border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:0 26px 48px -12px #00000080,inset 0 -14px 22px #00000038,inset 0 10px 18px #ffffff6b}.current-ball .del{color:#c0392b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 8px #00000059}.current-ball .letter{color:#fffffff2;font-family:"Baloo 2";font-size:27px;font-weight:800}.current-ball .num{color:#fff;font-family:Space Mono;font-size:46px;font-weight:700;line-height:1}.current-empty{color:var(--ink-soft);text-align:center;font-size:14px}.previous-strip{flex-wrap:wrap;align-items:center;gap:9px;max-width:340px;display:flex}.previous-strip .prev-caption{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.6px;width:100%;margin-bottom:2px;font-size:11px;font-weight:700}.mini-ball-prev{color:#fff;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 -5px 9px #0003,inset 0 4px 7px #ffffff52}.mini-ball-prev .l{font-family:"Baloo 2";font-size:9.5px;font-weight:800;line-height:1}.mini-ball-prev .n{font-family:Space Mono;font-size:14px;font-weight:700;line-height:1.15}@keyframes bannerAutoHide{0%,85%{opacity:1}to{opacity:0;visibility:hidden}}.removed-banner{color:#c0392b;background:#fff1ee;border:1px solid #ffcabb;border-radius:14px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.3s fadeUp,12s forwards bannerAutoHide;display:flex}.removed-banner-dismiss{color:#c0392b;background:#c0392b1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.removed-banner-dismiss:hover{background:#c0392b33}.numbers-board{grid-template-columns:repeat(5,1fr);gap:16px;padding:22px;display:grid}.numbers-col{flex-direction:column;align-items:center;display:flex}.numbers-col-label{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-family:"Baloo 2";font-size:15px;font-weight:800;display:flex}.numbers-col-items{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.numbers-empty{color:#c3ccd6;text-align:center;padding-top:6px;font-size:11px}.called-ball{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Space Mono;font-size:13.5px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 -5px 9px #0003,inset 0 4px 6px #ffffff52}.called-ball.last{box-shadow:0 0 0 3px #0c21381f,inset 0 -5px 9px #0003,inset 0 4px 6px #ffffff52}.called-ball .del{color:#c0392b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #0000004d}.side-panel{flex-direction:column;gap:18px;display:flex}.progress-row{color:var(--ink-soft);justify-content:space-between;margin-bottom:6px;font-size:12.5px;display:flex}.progress-track{background:#eef1f6;border-radius:100px;height:8px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,var(--navy-700),var(--navy-800));border-radius:100px;height:100%;transition:width .3s;display:block}.toast{background:var(--navy-950);color:#fff;box-shadow:var(--shadow-lg);z-index:200;border-radius:100px;align-items:center;gap:8px;padding:13px 22px;font-size:13.5px;font-weight:600;animation:.25s fadeUpCentered;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.pg-wrap{max-width:760px;margin:0 auto}.pg-hero{text-align:center;margin-bottom:8px}.pg-hero .ev{color:var(--gold-500);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;font-size:13px;font-weight:700}.pg-hero h1{color:var(--navy-950);margin:0 0 8px;font-size:30px}.pg-hero p{color:var(--ink-soft);max-width:520px;margin:0 auto;font-size:14.5px}.pg-letters{flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0;display:flex}.pg-letter{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-family:"Baloo 2";font-size:20px;font-weight:800;display:flex}.pg-letter.off{color:#a7b2bf;text-decoration:line-through;background:#e3e8ee!important}.waiting{text-align:center;padding:60px 20px}.waiting .pulse{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 22px;font-size:34px;animation:2s ease-in-out infinite softBounce;display:flex;box-shadow:0 20px 40px -12px #f2a93b80}.pg-wrap .caller-stage{min-height:auto;padding:6px 0 2px}.event-picker{flex-direction:column;gap:10px;max-width:520px;margin:0 auto;display:flex}.picker-row{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.picker-row:hover{box-shadow:var(--shadow-sm)}.finished-banner{color:#fff;background:linear-gradient(120deg,#1c8a52,#2fa66a);border-radius:16px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 22px;font-size:14.5px;font-weight:700;display:flex}.preview-toggle{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 18px;display:flex}.mini-public{border:1px dashed var(--line);background:var(--paper);border-radius:16px;margin-top:10px;padding:10px}.mini-public .frame-label{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:8px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.mini-public-frame{background:#fff;border:0;border-radius:12px;width:100%;height:520px;display:block}.auth-page{background:radial-gradient(120% 140% at 15% -10%,#1a5a8f 0%,var(--navy-900) 45%,var(--navy-950) 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{width:100%;max-width:440px;box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;padding:40px 36px}.auth-card .brand{color:var(--navy-950);justify-content:center;margin-bottom:22px}.auth-card h1{color:var(--navy-950);text-align:center;margin:0 0 6px;font-size:23px}.auth-card .sub{color:var(--ink-soft);text-align:center;margin-bottom:26px;font-size:13.5px}.auth-foot{text-align:center;color:var(--ink-soft);margin-top:20px;font-size:13.5px}.auth-foot a{color:var(--navy-700);font-weight:700}.auth-foot a:hover{text-decoration:underline}.auth-divider{color:var(--ink-soft);align-items:center;gap:10px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.demo-note{color:var(--gold-600);background:#fff8ec;border:1px solid #ffe4b3;border-radius:12px;margin-bottom:20px;padding:10px 14px;font-size:12.5px;line-height:1.5}.font-medium{font-weight:600}.text-sm{font-size:13.5px}.text-green-600{color:#1c8a52;margin-bottom:16px}.text-center{text-align:center}.plan-pick-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px;display:grid}.plan-pick{border:2px solid var(--line);text-align:center;cursor:pointer;border-radius:14px;padding:14px 10px;transition:all .15s}.plan-pick:hover{border-color:var(--navy-600)}.plan-pick.selected{border-color:var(--navy-800);background:#eef4fa}.plan-pick .pp-name{color:var(--navy-950);font-family:"Baloo 2";font-size:14.5px;font-weight:800}.plan-pick .pp-price{color:var(--ink-soft);margin-top:4px;font-family:Space Mono;font-size:12px}.auth-divider-or{color:var(--ink-soft);align-items:center;gap:10px;margin:18px 0;font-size:12px;display:flex}.auth-divider-or:before,.auth-divider-or:after{content:"";background:var(--line);flex:1;height:1px}.btn-google{border:1.5px solid var(--line);color:var(--ink);background:#fff}.btn-google:hover{background:var(--paper)}.my-cards-row{border:1.5px solid var(--line);background:#fff;border-radius:16px;margin:22px 0 0;padding:16px 18px}.my-cards-row-label{color:var(--navy-800);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:11.5px;font-weight:800}.my-cards-chips{flex-wrap:wrap;gap:8px;display:flex}.card-chip{border:1.5px solid var(--line);background:var(--paper);color:var(--navy-900);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.card-chip:active{transform:scale(.96)}.card-chip .chip-status{opacity:.7;font-size:11.5px;font-weight:800}.card-chip.urgent{background:linear-gradient(135deg,var(--ball-b),var(--gold-500));color:#fff;border-color:#0000;animation:1.2s ease-in-out infinite pulse;box-shadow:0 8px 20px -6px #e6455a8c}.card-chip.urgent .chip-status{opacity:1}.card-chip.complete{color:#fff;background:linear-gradient(135deg,#2fa66a,#1f7d51);border-color:#0000}.card-chip.complete .chip-status{opacity:1}.card-chip.chip-add{color:var(--navy-700);background:0 0;border-style:dashed}.card-chip.chip-add:hover{background:var(--paper)}.card-chip.chip-gold{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--navy-950);border-color:#0000}.card-alert-toast{text-align:center;max-width:90vw;padding:15px 26px;font-size:14.5px;font-weight:800;top:22px;bottom:auto}.card-alert-toast.urgent{background:linear-gradient(135deg,var(--ball-b),var(--gold-500));animation:.25s fadeUpCentered,1s ease-in-out 3 pulse}.card-alert-toast.complete{background:linear-gradient(135deg,#2fa66a,#1f7d51)}.connection-toast{z-index:200;background:var(--navy-950);color:#fff;min-width:230px;max-width:92vw;box-shadow:var(--shadow-lg);border-left:3px solid #0000;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;font-size:12.5px;animation:.25s fadeUpCentered;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.connection-toast .ct-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.connection-toast .ct-msg{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.connection-toast .ct-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-toast .ct-sub{color:#ffffffa6;white-space:nowrap}.connection-toast .ct-retry-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff4d;border-radius:100px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:700}.connection-toast .ct-retry-btn:hover{background:#ffffff2e}.connection-toast .ct-bar{background:#ffffff2e;border-radius:100px;height:3px;overflow:hidden}.connection-toast .ct-bar i{height:100%;animation:linear forwards ctShrink;display:block}@keyframes ctShrink{0%{width:100%}to{width:0%}}.connection-toast--down{border-left-color:var(--ball-b)}.connection-toast--down .ct-dot{background:var(--ball-b);animation:1.4s ease-in-out infinite pulse}.connection-toast--up{border-left-color:var(--ball-n);animation:.25s fadeUpCentered,4.5s forwards bannerAutoHide}.connection-toast--up .ct-dot,.connection-toast--up .ct-bar i{background:var(--ball-n)}.my-card-status{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.hits-pill{background:var(--paper);color:var(--navy-800);border:1.5px solid var(--line);white-space:nowrap;border-radius:100px;padding:2px 10px;font-size:11.5px;font-weight:700}.status-text{color:var(--ink-soft);font-size:12px;font-weight:700}.my-card-status.urgent .status-text{color:var(--ball-b);animation:1.1s ease-in-out infinite pulse}.my-card-status.urgent .hits-pill{border-color:var(--ball-b);color:var(--ball-b)}.my-card-status.complete .status-text{color:#2fa66a}.card-cell{aspect-ratio:1;border:1.5px solid var(--line);width:100%;color:var(--ink-soft);background:#fbfcfe;border-radius:8px;justify-content:center;align-items:center;font-family:Space Mono;font-size:12px;font-weight:700;display:flex}.card-cell.hit{color:#fff;border-color:#0000}.confetti-burst{pointer-events:none;z-index:250;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:2px;width:9px;height:14px;animation:linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-12px)rotate(0)}to{opacity:.2;transform:translateY(105vh)rotate(540deg)}}.card-input-grid{gap:8px;margin-bottom:6px;display:flex}.card-input-col{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.card-input-col-label{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:"Baloo 2";font-size:14px;font-weight:800;transition:box-shadow .2s;display:flex;position:relative}.card-input-col-label .check-tick{color:#fff;opacity:0;background:#2fa66a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:-3px;right:-3px;transform:scale(.4)}.card-input-col-label.verified{box-shadow:0 0 0 2px #fff,0 0 0 4px #2fa66a}.card-input-col-label.verified .check-tick{opacity:1;transform:scale(1)}.card-input-col-cells{flex-direction:column;gap:6px;width:100%;display:flex}.card-input-cell{aspect-ratio:1;border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--ink);text-align:center;border-radius:8px;padding:0;font-family:Space Mono;font-size:14px;font-weight:700}.card-input-cell:focus{border-color:var(--navy-700);background:#fff;outline:none}.card-input-cell.invalid{border-color:var(--ball-b);color:var(--ball-b);background:#fdeef0}.simple-grid{gap:8px;display:grid}.sg-column{flex-direction:column;align-items:center;gap:8px;display:flex}.sg-header{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:"Baloo 2";font-size:15px;font-weight:800;transition:opacity .2s;display:flex}.sg-body{flex-direction:column;align-items:center;gap:8px;display:flex}.sg-cell{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-family:Space Mono;font-size:13.5px;font-weight:700;transition:opacity .2s;display:flex}.sg-header--marked{opacity:.35}.sg-empty{color:#c3ccd6;text-align:center;padding-top:6px;font-size:11px}.sg-cell--removing{pointer-events:none;animation:.28s cubic-bezier(.4,0,.6,1) forwards popOut}.sg-column:first-child .sg-header,.sg-column:first-child .sg-cell{background:var(--ball-b)}.sg-column:nth-child(2) .sg-header,.sg-column:nth-child(2) .sg-cell{background:var(--ball-i)}.sg-column:nth-child(3) .sg-header,.sg-column:nth-child(3) .sg-cell{background:var(--ball-n)}.sg-column:nth-child(4) .sg-header,.sg-column:nth-child(4) .sg-cell{background:var(--ball-g)}.sg-column:nth-child(5) .sg-header,.sg-column:nth-child(5) .sg-cell{background:var(--ball-o)}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.feat-grid{grid-template-columns:repeat(2,1fr)}.steps,.pricing-grid{grid-template-columns:1fr}.plan.pop{transform:none}.live-layout{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:36px}}
