:root {
  --bg: #f3f5f6;
  --surface: rgba(255, 255, 255, 0.82);
  --surface-solid: #ffffff;
  --text: #15191d;
  --muted: #6f777f;
  --line: #dfe4e7;
  --accent: #87ef59;
  --accent-strong: #64d938;
  --accent-dark: #1d3a19;
  --dark: #171c20;
  --shadow: 0 24px 70px rgba(24, 32, 38, 0.10);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: var(--bg);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.page-glow { position: fixed; z-index: -1; width: 560px; height: 560px; border-radius: 50%; filter: blur(90px); opacity: .22; pointer-events: none; }
.page-glow--one { top: -250px; right: -180px; background: #9bff74; }
.page-glow--two { top: 500px; left: -300px; background: #c7d9ff; }

.header { position: sticky; top: 0; z-index: 30; padding: 16px 0; backdrop-filter: blur(16px); background: rgba(243,245,246,.76); border-bottom: 1px solid rgba(207,214,219,.55); }
.header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -.04em; }
.brand__mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: transparent; box-shadow: none; overflow: visible; }
.brand__mark img { width: 31px; height: 31px; object-fit: contain; }
.brand__name { font-size: 22px; }
.nav { display: flex; align-items: center; gap: 8px; }
.nav__link { padding: 10px 13px; color: #626a72; font-weight: 600; font-size: 14px; border-radius: 12px; transition: .2s ease; }
.nav__link:hover, .nav__link--active { color: var(--text); background: rgba(255,255,255,.78); }
.nav-toggle { display: none; width: 42px; height: 42px; border: 0; border-radius: 12px; background: #fff; padding: 11px; }
.nav-toggle span { display: block; height: 2px; margin: 4px 0; background: #1d2226; border-radius: 3px; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border: 1px solid transparent; border-radius: 15px; background: var(--accent); color: #142111; font-weight: 800; box-shadow: 0 14px 34px rgba(100,217,56,.22); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); background: #94f76d; box-shadow: 0 18px 38px rgba(100,217,56,.28); }
.button--small { min-height: 42px; padding: 0 18px; font-size: 14px; border-radius: 12px; }
.button--ghost { background: rgba(255,255,255,.72); border-color: var(--line); box-shadow: none; color: var(--text); }
.button--ghost:hover { background: #fff; box-shadow: 0 12px 28px rgba(24,32,38,.08); }
.button--dark { background: #161b1f; color: #fff; box-shadow: none; }
.button--dark:hover { background: #272e33; box-shadow: none; }
.button--full { width: 100%; }

.hero { padding: 92px 0 64px; }
.hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 72px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #56605f; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow__dot { width: 9px; height: 9px; border-radius: 50%; background: var(--accent-strong); box-shadow: 0 0 0 6px rgba(100,217,56,.13); }
h1 { max-width: 780px; margin: 22px 0 20px; font-size: clamp(48px, 6vw, 78px); line-height: 1.03; letter-spacing: -.055em; }
.rotating-word { position: relative; color: var(--accent-dark); white-space: nowrap; }
.rotating-word::after { content: ""; position: absolute; left: 0; right: 0; bottom: .04em; height: .14em; background: var(--accent); border-radius: 99px; z-index: -1; transform: rotate(-1deg); }
.rotating-word.is-changing { animation: wordSwap .35s ease; }
@keyframes wordSwap { 0% { opacity: 1; transform: translateY(0); } 45% { opacity: 0; transform: translateY(-8px); } 55% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0); } }
.hero__lead { max-width: 640px; margin: 0 0 30px; color: var(--muted); font-size: 19px; }
.hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.hero__trust { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 27px; color: #596168; font-size: 13px; font-weight: 700; }
.trust-item { display: flex; align-items: center; gap: 7px; }
.trust-item span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: rgba(100,217,56,.15); color: #3c9b1b; }

.hero-card { position: relative; min-height: 430px; padding: 0; border: 0; border-radius: 28px; background: transparent; box-shadow: var(--shadow); }
.hero-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 70% 20%, rgba(135,239,89,.18), transparent 35%), #161b1f; box-shadow: inset 0 1px rgba(255,255,255,.08); }
.hero-card__top { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 27px 29px 18px; color: #aeb6bb; font-size: 12px; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #4b5358; }
.status { justify-self: end; display: flex; align-items: center; gap: 6px; color: #aef38e; }
.status i { width: 7px; height: 7px; border-radius: 50%; background: #7af04a; box-shadow: 0 0 10px #7af04a; }
.terminal { position: relative; z-index: 2; margin: 8px 28px 28px; padding: 28px; border: 1px solid #30373b; border-radius: 18px; background: rgba(8,11,13,.72); color: #dce2e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; }
.terminal__row { display: flex; justify-content: space-between; gap: 20px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.terminal__key { color: #79848a; }
.terminal__success { color: #8ff66a; }
.terminal__divider { height: 1px; margin: 20px 0; background: #343b3f; }
.terminal__command span { color: #8ff66a; }
.terminal__loading { display: flex; gap: 5px; align-items: end; height: 42px; margin-top: 17px; }
.terminal__loading i { display: block; width: 8px; border-radius: 5px; background: linear-gradient(#89f062, #4f9d36); animation: bars 1.2s ease-in-out infinite; }
.terminal__loading i:nth-child(1) { height: 15px; }.terminal__loading i:nth-child(2) { height: 27px; animation-delay: .1s; }.terminal__loading i:nth-child(3) { height: 20px; animation-delay: .2s; }.terminal__loading i:nth-child(4) { height: 36px; animation-delay: .3s; }.terminal__loading i:nth-child(5) { height: 25px; animation-delay: .4s; }
@keyframes bars { 50% { transform: scaleY(.55); opacity: .65; } }
.floating-chip { position: absolute; z-index: 4; padding: 10px 14px; border-radius: 12px; background: #fff; color: #343b40; font-size: 12px; font-weight: 800; box-shadow: 0 14px 30px rgba(24,32,38,.16); }
.floating-chip--one { top: 110px; right: -25px; }
.floating-chip--two { bottom: 55px; left: -28px; }

.stats { padding: 14px 0 78px; }
.stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.65); overflow: hidden; box-shadow: 0 12px 40px rgba(24,32,38,.04); }
.stat { padding: 27px 30px; text-align: center; border-right: 1px solid var(--line); }
.stat:last-child { border-right: 0; }
.stat strong { display: block; font-size: 30px; letter-spacing: -.04em; }
.stat span { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .12em; }

.section { padding: 100px 0; }
.section--soft { background: rgba(230,234,236,.68); border-top: 1px solid #dde3e5; border-bottom: 1px solid #dde3e5; }
.section-heading { max-width: 690px; margin: 0 auto 48px; text-align: center; }
.section-heading--left { margin-left: 0; text-align: left; }
.section-heading h2, .cta h2 { margin: 10px 0 14px; font-size: clamp(34px, 4vw, 50px); line-height: 1.12; letter-spacing: -.045em; }
.section-heading p, .cta p { margin: 0; color: var(--muted); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 30px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.82); box-shadow: 0 14px 42px rgba(24,32,38,.05); }
.price-card--featured { border-color: rgba(100,217,56,.8); background: linear-gradient(180deg, #f9fff7, #fff); transform: translateY(-12px); box-shadow: 0 24px 55px rgba(76,145,53,.14); }
.popular { position: absolute; top: 18px; right: 18px; padding: 7px 10px; border-radius: 999px; background: var(--accent); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.price-card__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 17px; background: #eef1f2; color: #21282c; }
.price-card--featured .price-card__icon { background: rgba(135,239,89,.2); color: #387622; }
.price-card__icon img { width: 28px; height: 28px; }
.price-card__tag { margin: 24px 0 7px; color: #7a8389; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.price-card h3 { min-height: 64px; margin: 0; font-size: 24px; line-height: 1.25; letter-spacing: -.03em; }
.price-card > p { min-height: 82px; color: var(--muted); font-size: 14px; }
.price { display: flex; align-items: baseline; gap: 8px; margin: 15px 0 18px; }
.price strong { font-size: 36px; letter-spacing: -.05em; }
.price span { color: var(--muted); font-size: 14px; }
.price-card ul { display: grid; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none; color: #5f676d; font-size: 14px; }
.price-card li::before { content: "✓"; margin-right: 9px; color: #4cad2a; font-weight: 900; }
.price-card .button { margin-top: auto; }

.faq-list { display: grid; gap: 13px; }
.faq-item { border: 1px solid #d9dfe2; border-radius: 20px; background: rgba(255,255,255,.78); overflow: hidden; transition: .2s ease; }
.faq-item[open] { background: #fff; box-shadow: 0 14px 36px rgba(24,32,38,.05); }
.faq-item summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 26px; cursor: pointer; list-style: none; font-weight: 800; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary span { position: relative; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #ecf0f1; }
.faq-item summary span::before, .faq-item summary span::after { content: ""; position: absolute; top: 13px; left: 8px; width: 12px; height: 2px; background: #5b6469; border-radius: 2px; transition: .2s ease; }
.faq-item summary span::after { transform: rotate(90deg); }
.faq-item[open] summary span { background: rgba(135,239,89,.22); }
.faq-item[open] summary span::after { transform: rotate(0); }
.faq-item__content { padding: 0 26px 24px; color: var(--muted); font-size: 15px; }

.cta { padding: 90px 0; }
.cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 48px 52px; border-radius: 28px; background: var(--accent); box-shadow: 0 25px 55px rgba(100,217,56,.18); }
.cta__inner .eyebrow { color: #395b2e; }
.cta__inner p { color: #3d5b34; }
.footer { padding: 28px 0 40px; }
.footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #747d83; font-size: 13px; }
.footer .brand__mark { width: 35px; height: 35px; border-radius: 11px; }
.footer .brand__mark img { width: 26px; height: 26px; }
.footer .brand__name { color: var(--text); font-size: 18px; }
.footer a:last-child { font-weight: 700; color: #3e474c; }

@media (max-width: 980px) {
  .hero__grid { grid-template-columns: 1fr; gap: 50px; }
  .hero__content { text-align: center; }
  .hero__lead { margin-left: auto; margin-right: auto; }
  .hero__actions, .hero__trust { justify-content: center; }
  .hero-card { width: min(620px, 100%); margin: 0 auto; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 660px; margin: 0 auto; }
  .price-card--featured { transform: none; }
  .price-card h3, .price-card > p { min-height: auto; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 28px, 1180px); }
  .nav-toggle { display: block; }
  .nav { position: absolute; top: calc(100% + 8px); left: 14px; right: 14px; display: none; align-items: stretch; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: var(--shadow); }
  .nav.is-open { display: grid; }
  .nav__link { padding: 12px 14px; }
  .hero { padding-top: 62px; }
  h1 { font-size: clamp(42px, 13vw, 62px); }
  .rotating-word { white-space: normal; }
  .stats__grid { grid-template-columns: repeat(2, 1fr); }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .section { padding: 76px 0; }
  .cta__inner { flex-direction: column; align-items: flex-start; padding: 38px 28px; }
  .footer__inner { flex-direction: column; text-align: center; }
}

@media (max-width: 520px) {
  .hero__actions { display: grid; }
  .hero__actions .button { width: 100%; }
  .hero-card { min-height: 390px; padding: 0; }
  .hero-card::before { inset: 0; }
  .hero-card__top { padding: 26px 19px 14px; grid-template-columns: 1fr 1fr; }
  .hero-card__top > span:nth-child(2) { display: none; }
  .terminal { margin: 5px 14px; padding: 20px 17px; font-size: 11px; }
  .floating-chip--one { right: -5px; top: 95px; }
  .floating-chip--two { left: -4px; bottom: 32px; }
  .stat { padding: 22px 10px; }
  .stat strong { font-size: 25px; }
  .price-card { padding: 24px; }
  .faq-item summary { padding: 20px; font-size: 14px; }
  .faq-item__content { padding: 0 20px 20px; font-size: 14px; }
}

/* Authentication */
.nav__form { margin: 0; display: flex; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.auth-page { min-height: 100vh; background: #f2f4f5; }
.auth-shell { position: relative; display: grid; place-items: center; min-height: 100vh; padding: 72px 24px; overflow: hidden; }
.auth-sky { position: absolute; inset: 0; overflow: hidden; background: linear-gradient(180deg,#98dcfb 0%,#d9f1fb 56%,#f8fbfc 100%); }
.auth-sky::after { content:""; position:absolute; inset:auto -5% -18% -5%; height:48%; background: radial-gradient(ellipse at center,#fff 0 42%,rgba(255,255,255,.92) 43% 57%,transparent 58%); filter: blur(8px); }
.auth-brand { position: absolute; z-index: 5; top: 28px; left: 34px; display:flex; align-items:center; gap:10px; }
.auth-brand .brand__mark { width:38px; height:38px; }
.auth-brand .brand__name { font-size:20px; }
.auth-card { position: relative; z-index: 4; width: min(390px, calc(100vw - 48px)); padding: 32px; border: 1px solid rgba(255,255,255,.75); border-radius: 28px; background: rgba(255,255,255,.72); backdrop-filter: blur(22px); box-shadow: 0 24px 60px rgba(51,91,110,.18), inset 0 1px rgba(255,255,255,.9); text-align:center; }
.auth-card__icon { display:grid; place-items:center; width:56px; height:56px; margin:0 auto 20px; border:1px solid rgba(30,50,60,.08); border-radius:17px; background:rgba(255,255,255,.8); box-shadow:0 10px 25px rgba(43,75,91,.12); }
.auth-card__icon img { width:27px; height:27px; }
.auth-card h1 { margin:0 0 7px; font-size:25px; line-height:1.2; letter-spacing:-.04em; }
.auth-card > p { margin:0 auto 23px; max-width:285px; color:#6f7c83; font-size:13px; line-height:1.55; }
.auth-form { display:grid; gap:10px; }
.input-group { position:relative; display:flex; align-items:center; min-height:50px; padding:0 46px 0 15px; border:1px solid rgba(55,76,87,.08); border-radius:13px; background:rgba(232,238,241,.88); transition:.2s ease; }
.input-group:focus-within { border-color:#73cdef; background:#fff; box-shadow:0 0 0 4px rgba(115,205,239,.14); }
.input-group > img { width:18px; height:18px; margin-right:10px; opacity:.63; }
.input-group input { width:100%; border:0; outline:0; background:transparent; color:#172026; font-size:14px; }
.input-group input::placeholder { color:#879198; }
.password-toggle { position:absolute; right:8px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:10px; background:transparent; cursor:pointer; }
.password-toggle:hover { background:rgba(255,255,255,.65); }
.password-toggle img { width:19px; height:19px; opacity:.65; }
.auth-submit { min-height:49px; margin-top:5px; border:0; border-radius:13px; color:#fff; background:linear-gradient(180deg,#2e313a,#16181f); box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 22px rgba(18,22,28,.18); font-weight:800; cursor:pointer; transition:.2s ease; }
.auth-submit:hover { transform:translateY(-1px); box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 27px rgba(18,22,28,.24); }
.auth-switch { margin-top:20px; color:#78848a; font-size:13px; }
.auth-switch a { color:#182126; font-weight:800; }
.flash-stack { display:grid; gap:8px; margin:0 0 15px; text-align:left; }
.flash { padding:10px 12px; border-radius:11px; font-size:12px; line-height:1.4; }
.flash--error { color:#8f3030; background:#fff0f0; border:1px solid #f4cccc; }
.flash--success { color:#326c28; background:#effbea; border:1px solid #caedbd; }
.auth-back { position:absolute; z-index:5; bottom:26px; color:#53646d; font-size:13px; font-weight:700; }
.orbit { position:absolute; left:50%; top:58%; width:520px; height:250px; border:1px solid rgba(255,255,255,.78); border-radius:50%; transform:translate(-50%,-50%) rotate(-10deg); }
.orbit--two { width:700px; height:350px; opacity:.55; transform:translate(-50%,-50%) rotate(12deg); }
.cloud { position:absolute; width:310px; height:100px; border-radius:100px; background:rgba(255,255,255,.86); filter:blur(7px); }
.cloud::before,.cloud::after { content:""; position:absolute; border-radius:50%; background:inherit; }
.cloud::before { width:150px; height:150px; left:45px; bottom:15px; }.cloud::after { width:130px; height:130px; right:30px; bottom:5px; }
.cloud--one { left:-70px; bottom:80px; }.cloud--two { right:-70px; bottom:90px; transform:scale(.9); }.cloud--three { left:35%; bottom:-30px; transform:scale(1.3); opacity:.8; }
.dashboard { min-height:calc(100vh - 90px); padding:110px 0; }
.dashboard-card { padding:48px; border:1px solid var(--line); border-radius:28px; background:#fff; box-shadow:var(--shadow); }
.dashboard-card h1 { margin:10px 0 14px; font-size:48px; letter-spacing:-.05em; }
.dashboard-card p { max-width:720px; color:var(--muted); }
.dashboard-meta { display:flex; gap:10px; flex-wrap:wrap; margin-top:25px; }.dashboard-meta span { padding:9px 13px; border-radius:999px; background:#eef1f2; color:#58636a; font-size:12px; font-weight:700; }
@media (max-width:760px){.nav__form,.nav__form .button{width:100%}.auth-shell{padding:76px 16px 64px}.auth-sky{inset:0}.auth-brand{top:22px;left:22px}.auth-card{margin-top:18px;padding:27px 22px}.auth-back{bottom:22px}.dashboard-card{padding:30px}.dashboard-card h1{font-size:38px}}

/* Purchase */
.purchase-page { position:relative; min-height:calc(100vh - 81px); padding:72px 0 96px; overflow:hidden; }
.purchase-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(90px); opacity:.28; }
.purchase-glow--one { width:520px; height:520px; right:-180px; top:-210px; background:#b7ff98; }
.purchase-glow--two { width:460px; height:460px; left:-220px; bottom:-140px; background:#c8e7ff; }
.purchase-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:34px; align-items:start; }
.purchase-main > h1 { margin:14px 0 12px; max-width:none; font-size:clamp(42px,5vw,64px); }
.purchase-lead { max-width:690px; margin:0 0 34px; color:var(--muted); font-size:17px; }
.purchase-form { display:grid; gap:22px; }
.proxy-picker { display:grid; gap:12px; margin:0; padding:0; border:0; }
.proxy-picker legend { margin-bottom:14px; font-size:18px; font-weight:800; }
.proxy-option { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) auto 28px; gap:16px; align-items:center; min-height:92px; padding:17px 19px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.72); cursor:pointer; transition:.2s ease; }
.proxy-option:hover { transform:translateY(-2px); border-color:#cbd3d7; background:#fff; box-shadow:0 13px 30px rgba(24,32,38,.06); }
.proxy-option.is-selected { border-color:#7bdc52; background:linear-gradient(90deg,rgba(135,239,89,.13),rgba(255,255,255,.96)); box-shadow:0 0 0 4px rgba(135,239,89,.10); }
.proxy-option input { position:absolute; opacity:0; pointer-events:none; }
.proxy-option__icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:#f1f4f4; }
.proxy-option__icon img { width:28px; height:28px; }
.proxy-option__body { display:grid; }
.proxy-option__body strong { font-size:16px; }
.proxy-option__body small { margin-top:3px; color:var(--muted); font-size:12px; }
.proxy-option__price { display:grid; text-align:right; white-space:nowrap; }
.proxy-option__price b { font-size:16px; }
.proxy-option__price small { color:var(--muted); font-size:11px; }
.proxy-option__check { display:grid; place-items:center; width:25px; height:25px; border:1px solid #ced5d8; border-radius:50%; color:transparent; font-size:13px; }
.proxy-option.is-selected .proxy-option__check { border-color:var(--accent-strong); background:var(--accent); color:#173112; }
.traffic-card { padding:26px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.75); }
.traffic-card__heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.traffic-card h2 { margin:0 0 4px; font-size:19px; }
.traffic-card p { margin:0; color:var(--muted); font-size:13px; }
.traffic-badge { flex:none; padding:8px 12px; border-radius:999px; background:#eafadb; color:#34751d; font-size:13px; font-weight:800; }
.traffic-control { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; gap:10px; margin:24px 0 18px; }
.traffic-step { border:1px solid var(--line); border-radius:14px; background:#fff; font-size:24px; cursor:pointer; }
.traffic-step:hover { border-color:#b9c2c6; background:#f7f9f9; }
.traffic-input-wrap { position:relative; }
.traffic-input-wrap input { width:100%; height:54px; padding:0 58px 0 18px; border:1px solid var(--line); border-radius:14px; outline:0; background:#fff; font-size:18px; font-weight:800; }
.traffic-input-wrap input:focus { border-color:#7bdc52; box-shadow:0 0 0 4px rgba(135,239,89,.12); }
.traffic-input-wrap span { position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:13px; font-weight:700; }
.traffic-range { width:100%; accent-color:var(--accent-strong); cursor:pointer; }
.quick-amounts { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }
.quick-amounts button { padding:8px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; color:#596268; font-size:12px; font-weight:700; cursor:pointer; }
.quick-amounts button:hover,.quick-amounts button.is-active { border-color:#8cde6c; background:#effbe9; color:#2d6a18; }
.order-summary { position:sticky; top:105px; padding:26px; border:1px solid rgba(255,255,255,.8); border-radius:26px; background:rgba(255,255,255,.88); backdrop-filter:blur(20px); box-shadow:var(--shadow); }
.order-summary__top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; font-size:16px; font-weight:800; }
.live-dot { display:flex; align-items:center; gap:6px; color:#6f797e; font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.live-dot i { width:7px; height:7px; border-radius:50%; background:#6fdf42; box-shadow:0 0 0 4px rgba(111,223,66,.13); }
.order-product { display:flex; gap:14px; align-items:center; padding:16px; border-radius:17px; background:#f0f3f3; }
.order-product__icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#fff; }
.order-product__icon img { width:27px; height:27px; }
.order-product > div:last-child { display:grid; }
.order-product strong { font-size:14px; }
.order-product span { color:var(--muted); font-size:11px; }
.order-lines { display:grid; gap:13px; margin:24px 0; }
.order-lines div { display:flex; justify-content:space-between; gap:20px; }
.order-lines dt { color:var(--muted); font-size:13px; }
.order-lines dd { margin:0; font-size:13px; font-weight:800; }
.order-total { display:flex; justify-content:space-between; align-items:end; padding-top:20px; border-top:1px solid var(--line); }
.order-total span { font-weight:800; }
.order-total strong { font-size:30px; letter-spacing:-.05em; line-height:1; }
.order-submit { margin-top:24px; border:0; cursor:pointer; }
.order-note { display:flex; align-items:flex-start; justify-content:center; gap:7px; margin:13px 0 22px; color:var(--muted); font-size:10px; text-align:center; }
.order-features { display:grid; gap:9px; padding-top:18px; border-top:1px solid var(--line); color:#606a70; font-size:11px; }
.order-features span::first-letter { color:#51ae2f; }
.purchase-flashes { margin-bottom:24px; }
.dashboard-buy { margin-top:24px; }
.history-flashes { margin-top:24px; }
.orders-table-wrap { margin-top:30px; overflow-x:auto; border:1px solid var(--line); border-radius:18px; }
.orders-table { width:100%; border-collapse:collapse; min-width:760px; }
.orders-table th,.orders-table td { padding:15px 17px; border-bottom:1px solid var(--line); text-align:left; font-size:13px; }
.orders-table th { background:#f4f6f6; color:#758087; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.orders-table tr:last-child td { border-bottom:0; }
.order-status { padding:7px 10px; border-radius:999px; background:#fff4d8; color:#8c6510; font-size:11px; font-weight:800; }
.empty-orders { display:grid; justify-items:start; gap:8px; margin-top:28px; padding:30px; border:1px dashed #cbd3d6; border-radius:20px; background:#f8fafa; }
.empty-orders span { color:var(--muted); font-size:13px; }
.empty-orders .button { margin-top:10px; }
@media (max-width:980px){.purchase-layout{grid-template-columns:1fr}.order-summary{position:static}.purchase-main>h1{font-size:50px}}
@media (max-width:620px){.purchase-page{padding:48px 0 70px}.purchase-main>h1{font-size:40px}.proxy-option{grid-template-columns:46px minmax(0,1fr) 26px;padding:15px}.proxy-option__icon{width:46px;height:46px}.proxy-option__price{grid-column:2/3;text-align:left}.proxy-option__check{grid-column:3;grid-row:1}.traffic-card,.order-summary{padding:20px}.traffic-card__heading{display:grid}.traffic-badge{justify-self:start}.quick-amounts button{flex:1 0 27%}}

/* Cabinet */
.dashboard--cabinet{min-height:calc(100vh - 81px);padding:58px 0 90px;background:radial-gradient(circle at 88% 8%,rgba(135,239,89,.13),transparent 28%),radial-gradient(circle at 8% 75%,rgba(190,220,255,.18),transparent 30%)}
.cabinet-flashes{margin-bottom:22px}.cabinet-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.cabinet-hero h1{max-width:none;margin:12px 0 8px;font-size:clamp(42px,5vw,62px)}.cabinet-hero p{margin:0;color:var(--muted)}
.cabinet-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px}.account-card{position:relative;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(24,32,38,.06)}.account-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:rgba(135,239,89,.16);filter:blur(10px)}.account-card--traffic:before{background:rgba(166,211,255,.18)}.account-card__top{position:relative;display:flex;align-items:center;justify-content:space-between;color:#6c767c;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.account-card__top i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0f4f2;color:#28302c;font-style:normal;font-size:13px}.account-card__value{position:relative;display:block;margin:20px 0 4px;font-size:clamp(38px,4vw,54px);line-height:1;letter-spacing:-.05em}.account-card>p{position:relative;margin:0 0 24px;color:var(--muted);font-size:13px}.traffic-split{position:relative;display:grid;gap:10px}.traffic-split>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f4f6f6}.traffic-split img{width:22px;height:22px}.traffic-split span{font-size:12px;color:#657078}.traffic-split b{font-size:12px}
.recent-card{margin-top:20px;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(24,32,38,.05)}.recent-card__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.recent-card__heading h2{margin:6px 0 0;font-size:28px;letter-spacing:-.04em}.recent-card__heading>a{color:#59636a;font-size:13px;font-weight:800}.recent-list{display:grid}.recent-order{display:grid;grid-template-columns:46px minmax(190px,1fr) 90px 110px auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.recent-order__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1f4f4}.recent-order__icon img{width:24px;height:24px}.recent-order__name{display:grid}.recent-order__name strong{font-size:14px}.recent-order__name span{color:var(--muted);font-size:11px}.recent-order__traffic,.recent-order__amount{font-size:13px;font-weight:800}.empty-orders--compact{margin-top:0;padding:24px}
.order-status--completed{background:#e9f9df;color:#34751d}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s ease}.modal.is-open{opacity:1;pointer-events:auto}.modal__backdrop{position:absolute;inset:0;background:rgba(12,16,19,.42);backdrop-filter:blur(6px)}.modal__card{position:relative;width:min(430px,100%);padding:30px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(12,16,19,.24)}.modal__close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:0;border-radius:11px;background:#f1f3f3;font-size:24px;cursor:pointer}.modal__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(135,239,89,.2);font-size:22px;font-weight:900}.modal__card h2{margin:18px 0 6px;font-size:28px;letter-spacing:-.04em}.modal__card>p{margin:0 0 22px;color:var(--muted);font-size:13px}.topup-field{display:grid;gap:8px;margin-bottom:12px}.topup-field>span{font-size:12px;font-weight:800}.topup-field>div{position:relative}.topup-field input{width:100%;height:56px;padding:0 48px 0 16px;border:1px solid var(--line);border-radius:14px;outline:0;font-size:18px;font-weight:800}.topup-field input:focus{border-color:#7bdc52;box-shadow:0 0 0 4px rgba(135,239,89,.12)}.topup-field b{position:absolute;right:17px;top:50%;transform:translateY(-50%)}.topup-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.topup-quick button{padding:9px 4px;border:1px solid var(--line);border-radius:10px;background:#f7f9f9;font-size:11px;font-weight:800;cursor:pointer}.topup-quick button:hover{border-color:#82da61;background:#effbe9}
@media(max-width:850px){.cabinet-grid{grid-template-columns:1fr}.recent-order{grid-template-columns:42px 1fr auto}.recent-order__traffic,.recent-order__amount{grid-column:2}.recent-order .order-status{grid-column:3;grid-row:1/3}.cabinet-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.dashboard--cabinet{padding:38px 0 65px}.cabinet-hero h1{font-size:40px}.account-card,.recent-card{padding:21px}.recent-card__heading{align-items:flex-start;flex-direction:column}.recent-order{grid-template-columns:40px 1fr}.recent-order .order-status{grid-column:2;grid-row:auto;justify-self:start}.recent-order__traffic,.recent-order__amount{grid-column:2}.topup-quick{grid-template-columns:repeat(2,1fr)}}

/* Proxy management panel */
.proxy-panel{min-height:calc(100vh - 81px);padding:58px 0 90px;background:radial-gradient(circle at 90% 8%,rgba(135,239,89,.12),transparent 27%),radial-gradient(circle at 8% 72%,rgba(151,205,255,.16),transparent 30%),#f5f7f7}.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.panel-heading h1{max-width:760px;margin:10px 0 10px;font-size:clamp(42px,5.6vw,68px);line-height:1.03;letter-spacing:-.055em}.panel-heading p{max-width:720px;margin:0;color:var(--muted)}.panel-flashes{margin-bottom:22px}.panel-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.panel-config{display:grid;gap:18px}.config-section{padding:26px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.86);box-shadow:0 14px 42px rgba(24,32,38,.045)}.config-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.config-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf8e8;color:#43872a;font-size:11px;font-weight:900}.config-title h2{margin:0 0 3px;font-size:20px;letter-spacing:-.03em}.config-title p{margin:0;color:var(--muted);font-size:12px}.panel-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel-plan{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:17px;background:#f8fafa;cursor:pointer;transition:.18s ease}.panel-plan:hover,.panel-plan.is-selected{border-color:#83d964;background:#f2fbea;box-shadow:0 0 0 3px rgba(135,239,89,.1)}.panel-plan input{position:absolute;opacity:0}.panel-plan__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff}.panel-plan__icon img{width:25px;height:25px}.panel-plan>span:nth-child(3){display:grid;min-width:0}.panel-plan b{font-size:12px;line-height:1.25}.panel-plan small{margin-top:4px;color:var(--muted);font-size:10px}.panel-plan i{display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #c8d0d3;border-radius:50%}.panel-plan.is-selected i{border:5px solid #72cf4f;background:#fff}.country-select{position:relative}.country-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:54px;padding:0 17px;border:1px solid var(--line);border-radius:15px;background:#f8fafa;color:#3c454a;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.country-select__trigger:focus,.country-select.is-open .country-select__trigger{border-color:#7bdc52;box-shadow:0 0 0 4px rgba(135,239,89,.11);outline:0}.country-select__chevron{position:relative;display:block;flex:0 0 auto;width:18px;height:18px;border-radius:6px;background:#eef2f3;transition:.18s ease}.country-select__chevron::before,.country-select__chevron::after{content:"";position:absolute;top:8px;width:7px;height:2px;border-radius:2px;background:#68747a;transition:.18s ease}.country-select__chevron::before{left:3px;transform:rotate(45deg)}.country-select__chevron::after{right:3px;transform:rotate(-45deg)}.country-select.is-open .country-select__chevron{background:#e8f7e2;transform:rotate(180deg)}.country-select.is-open .country-select__chevron::before,.country-select.is-open .country-select__chevron::after{background:#4e9a34}.country-select__menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;display:none;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(16,22,25,.15)}.country-select.is-open .country-select__menu{display:block}.country-search{position:relative;margin-bottom:8px}.country-search span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#879197}.country-search input{width:100%;height:43px;padding:0 13px 0 38px;border:1px solid var(--line);border-radius:12px;outline:0;font:inherit;font-size:12px}.country-search input:focus{border-color:#8bdb6e}.country-options{max-height:290px;overflow:auto;padding-right:4px}.country-option{position:relative;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:10px;padding:10px;border-radius:11px;cursor:pointer}.country-option:hover{background:#f4f7f7}.country-option input{position:absolute;opacity:0}.country-flag{display:grid;place-items:center;height:28px;border-radius:8px;background:#eef1f2;color:#677178;font-size:9px;font-weight:900}.country-option b{font-size:12px}.country-option i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ccd4d7;border-radius:6px;color:transparent;font-style:normal;font-size:11px}.country-option:has(input:checked){background:#f1faed}.country-option:has(input:checked) i{border-color:#69c945;background:#69c945;color:#fff}.selected-countries{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.country-chip{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:9px;background:#eef4eb;color:#4f6550;font-size:10px;font-weight:800}.country-chip button{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.07);cursor:pointer}.config-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-group{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;border:0}.choice-group legend,.field-label,.count-field>label{grid-column:1/-1;margin-bottom:9px;font-size:12px;font-weight:900}.choice-group label,.format-grid label{position:relative}.choice-group input,.format-grid input{position:absolute;opacity:0}.choice-group span,.format-grid span{display:grid;place-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafa;color:#687279;font-size:11px;font-weight:800;text-align:center;cursor:pointer}.choice-group input:checked+span,.format-grid input:checked+span{border-color:#76d254;background:#eef9e9;color:#36741f;box-shadow:0 0 0 3px rgba(135,239,89,.09)}.count-field{display:grid;align-content:start}.count-field>div{display:grid;grid-template-columns:42px 1fr 42px}.count-field button,.count-field input{height:44px;border:1px solid var(--line);background:#f8fafa;font:inherit;font-weight:800;text-align:center}.count-field button{cursor:pointer;font-size:18px}.count-field button:first-child{border-radius:12px 0 0 12px}.count-field button:last-child{border-radius:0 12px 12px 0}.count-field input{min-width:0;border-left:0;border-right:0;outline:0}.count-field small{margin-top:7px;color:var(--muted);font-size:10px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-grid span{justify-items:start;padding-left:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.whitelist-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 20px}.whitelist-card p{margin:0;color:var(--muted);font-size:11px}.whitelist-card textarea{grid-column:1/-1;min-height:100px;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:13px;resize:vertical;outline:0;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.whitelist-card textarea:focus{border-color:#7bdc52;box-shadow:0 0 0 4px rgba(135,239,89,.1)}.whitelist-card textarea:disabled{opacity:.48;background:#f3f5f5}.switch{position:relative}.switch input{position:absolute;opacity:0}.switch span{display:block;width:48px;height:27px;border-radius:999px;background:#d7dddf;cursor:pointer;transition:.18s}.switch span:after{content:"";position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.17);transition:.18s}.switch input:checked+span{background:#70d04c}.switch input:checked+span:after{transform:translateX(21px)}.panel-sidebar{position:sticky;top:105px}.generation-card{padding:27px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:linear-gradient(155deg,#ffffff,#f4f8f2);box-shadow:0 22px 60px rgba(24,32,38,.09)}.generation-card__kicker{color:#5d9b45;font-size:10px;font-weight:900;letter-spacing:.09em}.generation-card h3{margin:8px 0 22px;font-size:27px;letter-spacing:-.045em}.generation-summary{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.generation-summary div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11px}.generation-summary div:last-child{border-bottom:0}.generation-summary span{color:var(--muted)}.generation-summary b{text-align:right}.panel-generate{width:100%;margin-top:18px;border:0;cursor:pointer}.generation-card>p{margin:11px 0 0;color:var(--muted);font-size:9px;text-align:center}.proxy-result{margin-top:22px;padding:28px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 16px 45px rgba(24,32,38,.05)}.proxy-result__heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.proxy-result h2{margin:6px 0 2px;font-size:29px;letter-spacing:-.04em}.proxy-result p{margin:0;color:var(--muted);font-size:12px}.proxy-result textarea{width:100%;min-height:260px;padding:17px;border:1px solid #dce2e4;border-radius:15px;background:#11171b;color:#c9f7b7;resize:vertical;outline:0;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.proxy-result .demo-note{margin-top:11px;font-size:10px}.button--full{display:flex;width:100%}
@media(max-width:1040px){.panel-layout{grid-template-columns:1fr}.panel-sidebar{position:static}.panel-plan-grid{grid-template-columns:1fr}.panel-plan{grid-template-columns:46px 1fr 20px}}
@media(max-width:700px){.proxy-panel{padding:38px 0 65px}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading h1{font-size:42px}.config-section{padding:20px}.config-grid-2,.format-grid{grid-template-columns:1fr}.panel-plan-grid{grid-template-columns:1fr}.proxy-result__heading{align-items:flex-start;flex-direction:column}.country-select__menu{position:fixed;z-index:100;left:14px;right:14px;top:90px;max-height:calc(100vh - 120px)}.country-options{max-height:calc(100vh - 210px)}}

/* Native hidden must win over component display rules. */
[hidden] { display: none !important; }