:root{color-scheme:dark;--bg:#050505;--text:#f7f7f7;--muted:#969696;--line:#282828;--pink:#ff278f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(calc(100% - 48px),var(--max));height:86px;margin:auto;border-bottom:1px solid var(--line)}
.logo{display:block;width:94px;height:60px;overflow:hidden}.logo img{display:block;width:94px;height:auto;transform:translateY(-3px)}.header nav{display:flex;gap:32px;color:#c7c7c7;font-size:.88rem}.header nav a:hover,footer a:hover{color:#fff}.header nav [aria-current="page"]{color:#fff}.header>.button{justify-self:end}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid var(--pink);border-radius:12px;background:var(--pink);color:#fff;font:750 .92rem/1 inherit;transition:transform .16s ease,background .16s ease}
.button:hover{transform:translateY(-2px);background:#ff43a0}.button-small{min-height:42px;padding:0 18px;font-size:.8rem}.button-outline{border-color:#3a3a3a;background:transparent}.button-outline:hover{background:#111}
.hero{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:80px;width:min(calc(100% - 48px),var(--max));min-height:610px;margin:auto;padding:92px 0}
.hero h1,.closing h2{margin:0;font-size:clamp(3.8rem,7.2vw,7.3rem);font-weight:820;line-height:.92;letter-spacing:-.065em}.hero p{max-width:580px;margin:28px 0;color:var(--muted);font-size:1.12rem}.actions{display:flex;flex-wrap:wrap;gap:10px}
.connection{display:flex;align-items:center;gap:20px;min-height:116px;padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:#0b0b0b}.connection-dot{width:18px;height:18px;border:5px solid rgba(255,39,143,.25);border-radius:50%;background:var(--pink);box-shadow:0 0 0 1px var(--pink)}
.connection small,.connection strong{display:block}.connection small{color:var(--muted);font-size:.74rem}.connection strong{margin-top:3px;font-size:1.22rem}
.plans-section,.renew-section,.agreement,.closing{width:min(calc(100% - 48px),var(--max));margin:auto;padding:112px 0;border-top:1px solid var(--line)}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-title h2,.agreement h1{margin:0;font-size:clamp(2.7rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.section-title p{max-width:440px;margin:0;color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.plan{display:flex;flex-direction:column;min-height:210px;padding:25px;border-right:1px solid var(--line);background:#080808;transition:background .16s ease}.plan:last-child{border-right:0}.plan:hover{background:#101010}
.plan span{color:#d0d0d0;font-size:.9rem}.plan strong{margin-top:16px;font-size:2.1rem;letter-spacing:-.04em}.plan em{margin-top:auto;color:var(--pink);font-size:.78rem;font-style:normal;font-weight:750}.payment-note{margin:18px 0 0;color:var(--muted);font-size:.78rem}
.renew-card{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:34px;border:1px solid var(--line);border-radius:22px;background:#080808}.renew-form{display:grid;gap:18px}.renew-form label,.renew-plan-field{display:grid;gap:8px;color:#cfcfcf;font-size:.82rem}.renew-label{color:#cfcfcf;font-size:.82rem}.renew-id-field small{color:#777;font-size:.72rem;line-height:1.4}.renew-form input{width:100%;min-height:54px;padding:0 16px;border:1px solid #303030;border-radius:12px;background:#0d0d0d;color:#fff;font:650 1rem/1 inherit;outline:none}.renew-form input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,39,143,.12)}.renew-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.renew-plan-option{position:relative;display:grid;gap:5px;min-height:88px;padding:15px 16px;border:1px solid #303030;border-radius:14px;background:#0d0d0d;color:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.renew-plan-option:hover{transform:translateY(-1px);background:#111}.renew-plan-option.is-active{border-color:var(--pink);background:linear-gradient(180deg,rgba(255,39,143,.11),#0d0d0d);box-shadow:0 0 0 3px rgba(255,39,143,.10)}.renew-plan-name{color:#bdbdbd;font-size:.78rem}.renew-plan-option strong{font-size:1.15rem;letter-spacing:-.02em}.renew-plan-option em{position:absolute;right:10px;top:9px;color:var(--pink);font-size:.64rem;font-style:normal;font-weight:800}.renew-plan-loading{grid-column:1/-1;padding:18px;border:1px dashed #303030;border-radius:12px;color:#777;text-align:center}.renew-form .button{border:0;cursor:pointer}.renew-form .button:disabled{opacity:.55;cursor:wait;transform:none}.renew-info{display:flex;flex-direction:column;justify-content:center}.renew-info strong{font-size:1.35rem}.renew-info p{max-width:520px;margin:12px 0 0;color:var(--muted)}.renew-status{min-height:24px;margin-top:18px;font-size:.86rem;font-weight:700}.renew-status[data-type="success"]{color:#54d98c}.renew-status[data-type="error"]{color:#ff6a78}.renew-status[data-type="pending"]{color:#e8e8e8}
.agreement{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.agreement-page{border-top:0;padding-top:96px}.agreement-heading{position:sticky;top:40px;align-self:start}.agreement-heading>p{margin:22px 0 0;color:var(--muted);font-size:.78rem}.back-link{display:inline-block;margin-bottom:34px;color:var(--pink);font-size:.86rem;font-weight:750}.agreement-part{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.agreement-part:last-child{margin-bottom:0}.agreement-part h3{margin:0 0 14px;font-size:1.02rem}.agreement-part p{margin:7px 0;color:#a9a9a9;font-size:.9rem}
.closing{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-bottom:120px}.closing h2{font-size:clamp(3.1rem,6.4vw,6.5rem)}.closing .actions{flex:0 0 auto}
footer{display:flex;align-items:center;gap:28px;width:min(calc(100% - 48px),var(--max));margin:auto;padding:27px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.footer-logo{display:block;width:66px;height:42px;margin-right:auto;overflow:hidden}.footer-logo img{display:block;width:66px;height:auto;transform:translateY(-2px)}
:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.connection{max-width:420px}.plans{grid-template-columns:1fr 1fr}.plan:nth-child(2n){border-right:0}.plan{border-bottom:1px solid var(--line)}.renew-card{grid-template-columns:1fr;gap:34px}.agreement{grid-template-columns:1fr;gap:56px}.agreement-heading{position:static}.closing{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.header{grid-template-columns:1fr auto;width:calc(100% - 28px);height:72px}.logo{width:82px;height:52px}.logo img{width:82px;transform:translateY(-2px)}.header nav{display:none}.hero,.plans-section,.renew-section,.agreement,.closing,footer{width:calc(100% - 28px)}.hero{min-height:auto;padding:82px 0 76px;gap:64px}.hero h1{font-size:clamp(3.2rem,15vw,4.8rem)}.hero p{font-size:1rem}.hero .actions,.closing .actions{width:100%;flex-direction:column}.actions .button{width:100%}.connection{min-height:100px;padding:22px}.plans-section,.renew-section,.agreement,.closing{padding:82px 0}.agreement-page{padding-top:58px}.section-title{align-items:flex-start;flex-direction:column;margin-bottom:30px}.renew-card{padding:22px}.renew-plan-options{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.plan,.plan:nth-child(2n){min-height:112px;border-right:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center}.plan strong{grid-row:1/3;grid-column:2;margin:0}.plan em{margin-top:8px}.agreement{gap:46px}.agreement h1{font-size:clamp(1.65rem,8.2vw,2.2rem)}.agreement-part{padding-bottom:24px;margin-bottom:24px}.agreement-part p{font-size:.88rem}.closing h2{font-size:3.35rem}footer{flex-wrap:wrap}.footer-logo{width:100%;height:42px;margin:0}.footer-logo img{width:66px;transform:translateY(-2px)}}
@media(max-width:420px){.renew-plan-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.plan,.renew-plan-option{transition:none}}