:root{--ink:#f9faff;--muted:#b8c1d8;--night:#080d1d;--panel:#172040;--line:rgba(202,215,255,.15);--aqua:#39ddca;--violet:#9c7cff;--gold:#f6bf59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 2%,rgba(97,63,218,.52),transparent 29rem),radial-gradient(circle at 95% 30%,rgba(22,180,177,.22),transparent 26rem),linear-gradient(145deg,#111936,#080d1d 48%,#10132b);letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 72%)}main{max-width:760px;margin:auto;padding:28px 18px 46px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.09em;font-size:1.05rem}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:5px;border-radius:9px;background:linear-gradient(135deg,var(--aqua),#6baeff);color:#071126;letter-spacing:0}.text-button{padding:8px;color:var(--muted);background:transparent;border:0;font:inherit;font-weight:700;cursor:pointer}.welcome,.plans-section{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(37,49,89,.84),rgba(12,17,38,.76));box-shadow:0 22px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px)}.welcome{padding:42px 30px;text-align:center}.eyebrow{margin:0 0 10px;color:#9deee4;font-size:.7rem;font-weight:900;letter-spacing:.13em}.dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}h1,h2{color:#fff;letter-spacing:-.045em}h1{max-width:600px;margin:0 auto 14px;font-size:clamp(2.45rem,8vw,4.15rem);line-height:.98}h2{margin:0;font-size:1.75rem}.intro-copy,.plan-help,.modal p{color:var(--muted);line-height:1.55}.intro-copy{max-width:490px;margin:0 auto 25px}.action-row{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 20px;border:1px solid transparent;border-radius:14px;text-decoration:none;font:inherit;font-weight:850;cursor:pointer;transition:.18s ease}.primary{color:#071126;background:linear-gradient(135deg,#42e5cf,#79c8ff);box-shadow:0 11px 27px rgba(43,220,199,.22)}.secondary{color:var(--ink);background:rgba(255,255,255,.07);border-color:var(--line)}.primary:hover,.secondary:hover,.plan-card:hover{transform:translateY(-2px);filter:brightness(1.08)}.fine-print{margin:15px 0 0;color:#9aa6c5;font-size:.78rem}.plans-section{margin-top:18px;padding:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.plan-count{padding:6px 10px;border:1px solid rgba(246,191,89,.34);border-radius:100px;color:#fff4d8;background:rgba(246,191,89,.15);font-size:.75rem;font-weight:850}.plan-help{margin:9px 0 18px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.plan-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:105px;padding:17px 15px;overflow:visible;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:17px;background:rgba(4,8,23,.36);font:inherit;cursor:pointer;transition:.18s ease}.plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:17px 0 0 17px;background:linear-gradient(var(--aqua),var(--violet))}.plan-card.featured{border-color:rgba(122,225,215,.54);background:linear-gradient(135deg,rgba(36,95,111,.42),rgba(49,40,101,.38))}.recommended{position:absolute;top:-10px;right:12px;padding:4px 8px;border-radius:100px;color:#fff;background:#7953df;font-size:.57rem;font-weight:900;letter-spacing:.08em}.plan-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#aaf7ed;background:rgba(57,221,202,.13);font-size:1.1rem}.plan-content{min-width:0}.plan-content strong{display:block;font-size:.93rem}.plan-content small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.price{white-space:nowrap;font-size:1rem;font-weight:900}footer{padding:26px 5px 0;color:#a6b0c9;text-align:center;font-size:.78rem}.shield{color:var(--aqua);font-weight:900}dialog{width:min(92vw,460px);padding:0;color:var(--ink);border:1px solid rgba(170,190,255,.24);border-radius:22px;background:#151d3b;box-shadow:0 28px 90px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(2,5,15,.72);backdrop-filter:blur(5px)}.modal{position:relative;padding:27px}.modal h2{margin-bottom:11px}.modal label{display:block;margin:18px 0 7px;font-size:.85rem;font-weight:750}.modal input{width:100%;height:50px;margin-bottom:12px;padding:12px;color:var(--ink);background:#080d1d;border:1px solid var(--line);border-radius:12px;font:inherit}.modal input:focus{outline:0;border-color:var(--aqua);box-shadow:0 0 0 4px rgba(53,216,196,.14)}.modal-action{margin-top:12px}.close{position:absolute;top:13px;right:13px;width:33px;height:33px;border:0;border-radius:10px;color:var(--muted);background:rgba(255,255,255,.08);font-size:1.4rem;cursor:pointer}.timer{margin:12px 0;color:var(--aqua);font-size:4rem;font-weight:950;letter-spacing:-.09em;text-shadow:0 0 26px rgba(53,216,196,.3)}.preview-note{min-height:20px;font-size:.78rem}@media(max-width:560px){main{padding:20px 14px 38px}header{margin-bottom:25px}.welcome{padding:31px 19px}.plans-section{padding:20px 14px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:91px}.action-row{display:grid}.primary,.secondary{width:100%}}
