:root{--green:#00C165;--green-deep:#00A857;--red:#F93A3A;--amber:#F9C900;--display:"Bricolage Grotesque",sans-serif;--body:"Inter",sans-serif;--bg:#F5F5F5;--surface:#ffffff;--text:#111111;--text-soft:#555555;--muted:#6b7280;--line:#e8e8e8;--field:#ffffff;--nav-bg:rgba(245,245,245,.82);--shadow:0 10px 40px rgba(17,17,17,.08)}html[data-theme=dark]{--bg:#0d0d0f;--surface:#18181c;--text:#f4f4f5;--text-soft:#b4b4bb;--muted:#8a8a93;--line:#2a2a30;--field:#141418;--nav-bg:rgba(13,13,15,.85);--shadow:0 10px 44px rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body);color:var(--text);background:var(--bg);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;transition:background .35s,color .35s}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.15}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}.logo-svg{height:32px;width:auto;display:block}.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,border-color .2s;color:var(--text)}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--green)}.theme-toggle svg{width:19px;height:19px}.theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);max-width:460px;width:100%;padding:40px;transition:background .35s}.card .brandmark{display:flex;justify-content:center;margin-bottom:24px}.card .brandmark svg{height:38px}.card h1{font-size:26px;font-weight:800;text-align:center;margin-bottom:8px}.card .sub{font-size:15px;color:var(--text-soft);text-align:center;line-height:1.6;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:7px}.field input{width:100%;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-family:var(--body);font-size:15px;color:var(--text);transition:border-color .2s,background .35s}.field input:focus{outline:none;border-color:var(--green)}.btn{width:100%;background:var(--green);color:#fff;border:none;border-radius:100px;padding:15px;font-family:var(--body);font-weight:600;font-size:16px;cursor:pointer;transition:transform .2s,background .2s,opacity .2s;box-shadow:0 8px 24px #00c16547}.btn:hover:not(:disabled){transform:translateY(-2px);background:var(--green-deep)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:none;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--field);transform:none}.msg{font-size:13.5px;border-radius:12px;padding:12px 15px;margin-bottom:18px;line-height:1.55;display:none}.msg.show{display:block}.msg.error{background:#f93a3a1a;border:1px solid rgba(249,58,58,.35);color:var(--red)}.msg.info{background:#f9c9001f;border:1px solid rgba(249,201,0,.4);color:var(--text)}.msg.success{background:#00c1651a;border:1px solid rgba(0,193,101,.35);color:var(--green-deep)}.center-ic{width:70px;height:70px;border-radius:50%;background:#00c1651f;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:34px}.center-ic.bad{background:#f93a3a1f}.foot{text-align:center;padding:24px;font-size:12.5px;color:var(--muted)}.foot a{color:var(--green);font-weight:600}.hide{display:none!important}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes sp{to{transform:rotate(360deg)}}.plan-card{background:var(--field);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:18px}.plan-name{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.price-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.price-row .label{font-size:14px;color:var(--text-soft)}.price-row .value{font-size:15px;font-weight:600}.price-row.discount .value{color:var(--green-deep)}.price-row.total{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.price-row.total .label{font-size:15px;font-weight:700;color:var(--text)}.price-row.total .value{font-family:var(--display);font-size:24px;font-weight:800}.coupon-row{display:flex;gap:8px;margin-bottom:8px}.coupon-row input{flex:1}.coupon-row button{flex:none;padding:0 18px;border-radius:12px;background:var(--text);color:var(--bg);border:none;font-weight:600;font-size:14px;cursor:pointer}.coupon-row button:disabled{opacity:.5;cursor:not-allowed}.coupon-applied{display:flex;align-items:center;justify-content:space-between;background:#00c1651a;border:1px solid rgba(0,193,101,.35);border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:13.5px}.coupon-applied strong{color:var(--green-deep)}.coupon-applied button{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline}.appbtn{display:block;text-align:center;margin-top:14px;padding:14px;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:600;font-size:15px;transition:border-color .2s}.appbtn:hover{border-color:var(--green)}.steps{display:flex;gap:7px;justify-content:center;margin-bottom:20px}.step{width:28px;height:4px;border-radius:2px;background:var(--line);transition:background .3s}.step.on{background:var(--green)}.step.done{background:var(--green-deep);opacity:.55}.btn-sm{margin-top:10px;padding:11px;font-size:14px}.code-input{text-align:center;font-size:26px!important;font-weight:700;letter-spacing:.42em;text-indent:.42em;font-family:var(--display)!important}.hint{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.5}.legal{font-size:12px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.55}.legal a{color:var(--green);font-weight:600}.plan-terms{font-size:12.5px;color:var(--text-soft);line-height:1.6;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}@media (max-width:480px){.card{padding:30px 24px}}
