:root{--bg:#090910;--panel:#11111b;--line:#242434;--text:#f5f3ff;--muted:#9997aa;--purple:#9b70ff;--pink:#d77cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:-.5px}.brandmark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#b28bff,#7746ed);display:grid;place-items:center;font-size:21px;color:white;box-shadow:0 0 28px #9766ff55}.brandmark span{color:#f6c8ff}.muted{color:#9d99ad;margin-left:4px}.nav nav{display:flex;gap:34px;color:#aaa7b8;font-size:13px}.nav nav a:hover,.footer a:hover{color:white}.navright{display:flex;gap:12px}.btn{border:1px solid var(--line);background:#151520;color:white;border-radius:12px;padding:12px 18px;font:700 13px Manrope;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:#8d67ec}.btn.primary{background:linear-gradient(110deg,#9d70ff,#7549e7);border:0;box-shadow:0 8px 30px #8959ee33}.btn.ghost{background:#ffffff06}.btn.big{padding:16px 22px}.burger{display:none;background:none;color:white;border:0;font-size:23px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:70px 0 85px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#b99bff;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#a77bff;box-shadow:0 0 14px #a77bff}.hero h1{font-size:clamp(60px,8vw,100px);line-height:.98;letter-spacing:-7px;margin:26px 0 22px;font-weight:800}.hero h1 span,h2 span{background:linear-gradient(100deg,#b69aff,#e2a4ff);background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:#aaa7b9;max-width:470px}.hero-actions{display:flex;gap:12px;margin-top:32px}.proof{display:flex;align-items:center;gap:10px;color:#8d899d;font-size:11px;margin-top:42px}.avatars{display:flex;margin-right:3px}.avatars b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#7651c6;border:2px solid var(--bg);margin-left:-5px;font-size:10px}.avatars b:first-child{margin:0;background:#a477ff}.proofdot{color:#a77bff}.orb-scene{height:500px;position:relative;display:grid;place-items:center}.globe{width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c0a1ff 0,#8155df 20%,#39205f 55%,#130d24 76%);box-shadow:inset -30px -25px 65px #05040d,0 0 90px #874ee955;position:relative;overflow:hidden}.globe:before,.globe:after{content:"";position:absolute;border:1px solid #d9c6ff55;border-radius:50%;inset:12% -15%}.globe:after{inset:-10% 25%}.globe-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 31px,#d9c6ff22 32px),repeating-linear-gradient(90deg,transparent 0 31px,#d9c6ff22 32px);border-radius:50%;transform:rotate(-20deg);mask-image:radial-gradient(circle,#000 30%,transparent 73%)}.globe-shine{position:absolute;inset:0;background:linear-gradient(130deg,#fff5 0,transparent 35%,transparent 75%,#0009)}.orbit{position:absolute;border:1px solid #a77bff45;border-radius:50%;width:440px;height:160px;transform:rotate(-28deg)}.o2{transform:rotate(55deg);width:380px;height:200px;border-color:#c49aff30}.float-card{position:absolute;background:#191625eF;border:1px solid #ffffff20;backdrop-filter:blur(16px);padding:14px 16px;border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 45px #0008}.float-card b{font-size:11px;display:block}.float-card small{font-size:9px;color:#9994aa;display:block;margin-top:4px}.float-card strong{color:#9effce;margin-left:8px}.fc1{top:95px;right:0}.fc2{bottom:95px;left:0}.pulse{width:8px;height:8px;border-radius:50%;background:#6df3ac;box-shadow:0 0 12px #6df3ac}.speedicon{width:29px;height:29px;background:#8958e933;color:#c8aaff;border-radius:9px;display:grid;place-items:center}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:#d7b9ff;box-shadow:0 0 20px 6px #a779ff88}.n1{top:70px;left:22%}.n2{bottom:65px;right:18%}.ticker{overflow:hidden;border-block:1px solid #ffffff12;background:#0e0d17;padding:18px 0;color:#88839a;font-size:10px;font-weight:800;letter-spacing:2px;white-space:nowrap}.ticker div{word-spacing:16px;text-align:center}.ticker b{color:#a57cff;margin:0 12px}.section{padding-top:120px;padding-bottom:30px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head h2,.cta h2{font-size:54px;line-height:1.08;letter-spacing:-3px;margin:16px 0 0}.section-head>p{max-width:370px;color:#9692a6;font-size:13px;line-height:1.8;margin:0 0 4px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#14131f,#0e0e16);position:relative;overflow:hidden}.f-purple{background:linear-gradient(145deg,#24163f,#12101c);border-color:#6644a555}.f-icon{width:42px;height:42px;border-radius:13px;background:#a77bff20;color:#c7aaff;display:grid;place-items:center;font-size:22px}.feature h3{font-size:21px;margin:32px 0 10px}.feature p{font-size:12px;line-height:1.8;color:#9995a9;max-width:280px}.feature-art{position:absolute;right:23px;bottom:2px;font-size:80px;color:#a47aff17;font-weight:800}.pricing{padding-top:130px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{position:relative;border:1px solid var(--line);border-radius:18px;padding:23px;background:linear-gradient(155deg,#15141f,#0e0e15);min-width:0}.plan.popular{border-color:#9869ef;background:linear-gradient(155deg,#25183c,#11101b);box-shadow:0 0 45px #8e5be91b}.popular-label{position:absolute;right:14px;top:-11px;background:#9a6df1;border-radius:20px;padding:6px 10px;font-size:8px;font-weight:800;letter-spacing:1px}.plan-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a6a0b6;letter-spacing:1.2px;font-weight:800}.plan-icon{font-size:20px;color:#b99aff}.plan h3{font-size:23px;margin:28px 0 3px}.plan>p{font-size:11px;color:#8f8a9f;margin:0}.price{font-size:32px;font-weight:800;letter-spacing:-1.5px;margin:26px 0}.price small{font-size:10px;font-weight:500;letter-spacing:0;color:#8f8a9f}.plan ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:13px;color:#bcb7ca;font-size:10px}.plan li:first-letter{color:#a88aff}.planbtn{width:100%;font-size:11px}.pricing-note{font-size:10px;color:#706c7d;margin-top:18px}.cta{margin-top:110px;margin-bottom:60px;border:1px solid #8f64e655;border-radius:24px;padding:54px 60px;background:linear-gradient(110deg,#261842,#171124 70%,#11101a);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta h2{font-size:42px}.cta p{color:#aaa2b9;font-size:12px}.btn.light{background:#f4efff;color:#1a1328;border:0;z-index:1}.cta-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#9a62ff33;filter:blur(70px);right:20%;top:-180px}.faq{padding-top:80px;padding-bottom:120px;max-width:900px}.faq .section-head{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:22px 4px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:700;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary b{color:#ae8aff;font-size:19px}.faq details p{font-size:12px;color:#9692a6;line-height:1.8;max-width:700px}.footer{border-top:1px solid #ffffff12;padding:28px 0;color:#777386;font-size:10px}.footrow{display:flex;justify-content:space-between;align-items:center}.footrow>div{display:flex;gap:24px}.modal{display:none;position:fixed;inset:0;background:#05040bdc;z-index:20;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{width:min(440px,100%);background:#151320;border:1px solid #393047;border-radius:22px;padding:32px;position:relative;box-shadow:0 30px 100px #000b}.close{position:absolute;right:20px;top:15px;background:none;border:0;color:#aaa;font-size:27px;cursor:pointer}.modalbox h2{font-size:28px;margin:14px 0 5px}.modaldesc{font-size:11px;color:#9994a8;line-height:1.7}.tabs{display:flex;background:#0b0a11;padding:4px;border-radius:10px;margin:24px 0}.tabs button{width:50%;border:0;background:none;color:#898397;padding:10px;border-radius:8px;font:700 11px Manrope;cursor:pointer}.tabs button.active{background:#302348;color:#fff}form label{display:block;font-size:11px;color:#bcb6c9;margin-bottom:15px}input{display:block;width:100%;margin-top:8px;border:1px solid #383246;border-radius:10px;background:#0d0c14;color:white;padding:13px;font:13px Manrope;outline:none}input:focus{border-color:#9d75f1}.full{width:100%;margin-top:7px}.message{font-size:11px;color:#ff9eae;margin-top:12px}.telegram-note{font-size:9px;color:#777286;margin-top:18px;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#211a30;border:1px solid #684aa1;color:white;padding:13px 20px;border-radius:12px;font-size:12px;opacity:0;transition:.25s;pointer-events:none;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.nav nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.globe{width:260px;height:260px}.orbit{width:340px}.plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.nav{height:70px}.nav nav,.navright{display:none}.burger{display:block}.hero{display:block;min-height:auto;padding-top:30px}.hero-copy{padding:55px 0 10px}.hero h1{font-size:66px;letter-spacing:-5px}.lead{font-size:13px}.proof{flex-wrap:wrap;margin-top:28px}.orb-scene{height:350px}.globe{width:220px;height:220px}.orbit{width:300px;height:130px}.fc1{top:30px;right:-5px}.fc2{bottom:30px;left:-5px}.float-card{padding:10px}.float-card b{font-size:9px}.section{padding-top:80px}.section-head{display:block}.section-head h2{font-size:43px}.section-head>p{margin-top:18px}.features{grid-template-columns:1fr}.feature{min-height:210px}.plans{grid-template-columns:1fr}.plan{padding:25px}.cta{margin-top:70px;padding:35px 25px;display:block}.cta h2{font-size:34px}.cta .btn{margin-top:15px}.faq{padding-bottom:80px}.footrow{flex-wrap:wrap;gap:20px}.footrow>span{order:3;width:100%}.modalbox{padding:25px}.burger.open:after{content:'Меню: тарифы · вход';position:absolute;right:18px;top:62px;background:#191624;border:1px solid #343044;padding:12px;border-radius:10px;font-size:11px}}

/* ===== PERSONAL ACCOUNT ===== */
[hidden] { display: none !important; }

.account-view {
  min-height: 75vh;
  padding-top: 65px;
  padding-bottom: 100px;
}

.account-head, .account-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.account-head h1 {
  font-size: clamp(38px, 6vw, 62px);
  letter-spacing: -3px;
  margin: 15px 0 5px;
}

.account-head h1 span { color: var(--purple); }
.account-subtitle, .account-hint {
  color: var(--muted);
  font-size: 12px;
}
.account-actions { display: flex; gap: 10px; }

.account-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin: 35px 0;
}

.account-card, .account-panel {
  background: linear-gradient(145deg, #171522, #101019);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 25px;
}

.account-card-label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  color: #aaa2ba;
}

.account-number {
  font-size: 35px;
  font-weight: 800;
  margin: 12px 0 3px;
  letter-spacing: -1px;
}

.account-date { font-size: 22px; }
.account-hint { margin-top: 5px; }

.account-panel { margin-top: 22px; }
.account-panel-head { margin-bottom: 24px; }
.account-panel h2, .profile-panel h2 {
  font-size: 25px;
  margin: 9px 0 0;
  letter-spacing: -1px;
}

.account-empty {
  color: var(--muted);
  font-size: 13px;
  padding: 20px 0;
}

.subscription-item {
  border: 1px solid #383047;
  background: #ffffff05;
  border-radius: 14px;
  padding: 22px;
  margin-top: 12px;
}

.subscription-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.subscription-name { font-size: 18px; font-weight: 800; }
.subscription-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 18px 0;
  color: var(--muted);
  font-size: 11px;
}

.status-pill {
  border-radius: 30px;
  padding: 6px 11px;
  font-size: 9px;
  font-weight: 800;
  background: #ffffff0c;
  color: #aaa;
}

.status-pill.active {
  background: #35d99618;
  color: #76e8b5;
}

.status-pill.pending { color: #e9c477; background: #e9c47715; }
.status-pill.error { color: #ff9baa; background: #ff829a18; }

.subscription-link {
  background: #0b0a12;
  border: 1px solid #302a3c;
  border-radius: 10px;
  padding: 12px;
  color: #aaa2ba;
  font-size: 11px;
  overflow-wrap: anywhere;
  margin-bottom: 12px;
}

.subscription-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.subscription-actions .btn { font-size: 11px; }

.orders-list { display: grid; }
.order-row, .profile-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.order-row:last-child, .profile-row:last-child { border-bottom: 0; }
.order-date, .profile-row span { color: var(--muted); }
.order-amount { font-size: 15px; font-weight: 800; }

.profile-panel { margin-top: 22px; }
.profile-panel h2 { margin-bottom: 20px; }
.profile-row strong { text-align: right; overflow-wrap: anywhere; }

@media(max-width:650px) {
  .account-view { padding-top: 40px; }
  .account-head { align-items: flex-start; }
  .account-head h1 { font-size: 39px; }
  .account-actions { flex-direction: column; }
  .account-grid { grid-template-columns: 1fr; gap: 10px; margin: 25px 0; }
  .account-card { padding: 19px; }
  .account-number { font-size: 29px; }
  .account-panel { padding: 19px; }
  .account-panel-head { align-items: flex-start; flex-direction: column; }
  .subscription-top { align-items: flex-start; }
  .order-row { align-items: flex-start; }
}