*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif;color:#eaeaea;background:#0a0a0a}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;backdrop-filter:saturate(140%) blur(8px);background:rgba(10,10,10,.6);border-bottom:1px solid rgba(255,215,0,.08);z-index:50}
.header__bar{display:flex;align-items:center;gap:14px;justify-content:space-between;height:64px}
.brand{font-weight:800;font-size:22px;letter-spacing:.3px;text-decoration:none;color:#fff}
.brand__a{color:#ffd700;text-shadow:0 0 12px rgba(255,215,0,.5)}
.brand__vpn{padding:.2rem .4rem;border-radius:10px;background:linear-gradient(135deg,#ffd700,#caa20a);color:#0b0b0b;margin-left:6px}
.nav{display:flex;gap:22px;align-items:center}
.nav a{color:#cfcfcf;text-decoration:none;font-weight:600;opacity:.9}
.nav .btn--pill{background:linear-gradient(135deg,#ffd700,#e5c443);color:#0b0b0b;padding:.5rem 1rem;border-radius:999px}
.lang-select{position:relative}
.lang-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(255,215,0,.4);color:#eee;border-radius:10px;padding:.35rem .55rem;cursor:pointer}
.lang-menu{position:absolute;right:0;top:120%;background:#101010;border:1px solid rgba(255,215,0,.2);border-radius:12px;min-width:180px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;color:#e6e6e6;padding:.6rem .8rem;cursor:pointer}
.lang-menu img{width:20px;height:14px;border-radius:2px;object-fit:cover}
.burger{display:none;background:transparent;border:0;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:#e8e8e8;margin:4px 0;border-radius:2px}
.hero{padding:58px 20px 32px;position:relative}
.eyebrow{letter-spacing:.25em;color:#b7a24a;font-weight:700}
.hero h1{font-size:48px;line-height:1.1;margin:.4em 0 .3em}
.lead{font-size:18px;color:#cfcfcf;max-width:760px}
.hero__cta{margin:24px 0}
.btn{background:linear-gradient(135deg,#ffd700,#e6c74c);color:#111;border:0;border-radius:12px;padding:.8rem 1.2rem;font-weight:800;cursor:pointer}
.btn--lg{padding:.95rem 1.4rem;font-size:18px}
.btn--pill{border-radius:999px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.badge{border:1px solid rgba(255,215,0,.25);color:#e8e0b0;padding:.35rem .6rem;border-radius:999px;background:rgba(255,215,0,.06)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:38px 20px}
.feature{background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.14);border-radius:16px;padding:18px;transition:transform .25s ease, box-shadow .2s ease}
.feature:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(255,215,0,.06)}
.feature .icon{font-size:22px;margin-bottom:8px}
.pricing{padding:26px 20px}
.pricing h2{margin-bottom:14px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#101010;border:1px solid rgba(255,215,0,.14);border-radius:16px;padding:18px;transition:transform .25s ease, border-color .2s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(255,215,0,.4)}
.card--accent{border-color:#ffd700;box-shadow:0 10px 30px rgba(255,215,0,.08)}
.card .price{font-size:24px;margin:6px 0 10px;color:#ffd700;font-weight:700}
.cta{padding:40px 20px}
.cta__head .chip{display:inline-block;border:1px solid rgba(255,215,0,.4);border-radius:999px;padding:.25rem .6rem;color:#e8e0b0;margin-bottom:10px}
.lead-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-top:10px;background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.18);padding:12px;border-radius:14px}
.lead-form input,.lead-form select{background:#0f0f0f;color:#fff;border:1px solid rgba(255,215,0,.25);border-radius:10px;padding:.7rem .8rem;font-size:16px}
.lead-form .hint{grid-column:1/-1;color:#b9b9b9;font-size:14px;margin:4px 2px}
.footer{display:flex;justify-content:space-between;align-items:center;padding:30px 20px;color:#bbbbbb}
.footer a{color:#bbbbbb;text-decoration:none;margin-left:12px}
.bg-anim{position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(800px 500px at 15% 15%,rgba(255,215,0,.12),transparent),radial-gradient(800px 500px at 85% 10%,rgba(255,215,0,.1),transparent),radial-gradient(900px 500px at 50% 100%,rgba(255,215,0,.08),transparent);filter:saturate(120%) blur(10px);z-index:0;animation:float 22s linear infinite alternate}
@keyframes float{from{transform:translateY(-10px)}to{transform:translateY(10px)}}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:60}
.modal__card{background:#0f0f0f;border:1px solid rgba(255,215,0,.25);border-radius:16px;max-width:560px;margin:10px;padding:22px}
.sr{position:absolute;left:-9999px}
@media (max-width:900px){
  .features{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:1fr}
  .lead-form{grid-template-columns:1fr;gap:8px}
  .nav{display:none;position:absolute;top:64px;right:12px;background:#0e0e0e;border:1px solid rgba(255,215,0,.2);border-radius:14px;padding:10px 12px;flex-direction:column;gap:10px}
  .burger{display:block}
  .header__bar{gap:10px}
}

/* === CTA Banner (нижний блок) === */
.cta-banner{
  position: relative; margin: 48px auto 56px;
  width:min(1120px, 92%); border-radius:22px; padding:28px; 
  background: radial-gradient(120% 100% at 20% 0% , rgba(255,213,74,.06), transparent 60%),
              radial-gradient(120% 100% at 80% 0% , rgba(255,229,138,.05), transparent 60%),
              #0c0c0d;
  border:1px solid rgba(255,213,74,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,213,74,.04);
  overflow:hidden;
}
.cta-banner__glow{
  position:absolute; inset:0; pointer-events:none;
  border-radius:22px;
  box-shadow: 0 0 0 1px rgba(255,213,74,.10), 0 8px 40px rgba(255,213,74,.10) inset;
}
.cta-banner__pulses{ position:absolute; inset:0; pointer-events:none; }
.pulse{
  position:absolute; left:50%; top:10%;
  width:560px; height:560px; transform:translate(-50%,-50%);
  background: radial-gradient(closest-side, rgba(255,213,74,.22), rgba(255,213,74,0));
  border-radius:50%; filter: blur(12px); animation: ctaPulse 7s ease-in-out infinite;
}
.p2{ width:740px; height:740px; opacity:.65; animation-delay:.9s; }
.p3{ width:960px; height:960px; opacity:.45; animation-delay:1.8s; }

@keyframes ctaPulse{
  0%   { transform:translate(-50%,-50%) scale(.85); opacity:.85; }
  50%  { transform:translate(-50%,-50%) scale(1.08); opacity:.35; }
  100% { transform:translate(-50%,-50%) scale(.85); opacity:.85; }
}

.cta-banner__inner{ position:relative; z-index:2; }
.cta-chip{
  display:inline-block; font-weight:700; font-size:12.5px; letter-spacing:.02em;
  padding:6px 10px; border-radius:999px; color:#382e00;
  background: linear-gradient(180deg, #ffe58a, #ffd54a);
  box-shadow:0 6px 20px rgba(255,213,74,.18); margin-bottom:10px;
}
.cta-banner h2{ margin:8px 0 4px; font-size:28px; line-height:1.2; color:#e9e9ea; }
.cta-sub{ margin:0 0 18px; color:#b3b3b7; }
.cta-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:16px;
}
.cta-card__head{ display:flex; align-items:center; gap:10px; font-weight:700; color:#e3d188; margin:2px 2px 12px; }
.cta-head-icon{ font-size:16px; }
.cta-head-text{ color:#e3d188; }
.cta-form{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field__label{ font-size:12px; color:#b3b3b7; }
.field__control{
  width:100%; background:#111213; color:#e9e9ea; border:1px solid rgba(255,255,255,.08);
  border-radius:12px; padding:12px 14px; outline:none;
}
.field__control:focus{ border-color: rgba(255,213,74,.45); box-shadow:0 0 0 4px rgba(255,213,74,.12); }
.btn-cta{
  grid-column: 1 / -1; justify-self:start; cursor:pointer;
  border:0; border-radius:12px; padding:12px 18px; font-weight:800;
  background: linear-gradient(180deg, #ffe58a, #ffd54a); color:#0b0b0c;
  box-shadow:0 12px 34px rgba(255,213,74,.18);
}
.btn-cta:hover{ transform:translateY(-1px); }
.btn-cta:active{ transform:translateY(0); }
@media (max-width: 720px){
  .cta-form{ grid-template-columns: 1fr; }
  .btn-cta{ justify-self:stretch; text-align:center; }
}
/* Remove underline from main CTA text */
.btn, .hero .btn { text-decoration: none !important; display:inline-flex; align-items:center; }

/* Toast */
.toast{
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px);
  background: #101010; color:#f5f5f5; border:1px solid rgba(255,213,74,.35);
  border-radius: 12px; padding: 12px 16px; box-shadow: 0 10px 30px rgba(0,0,0,.4);
  opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; z-index: 2000;
}
.toast--show{ opacity:1; transform: translateX(-50%) translateY(0); }


/* Toast banner */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);
background:#101010;color:#f5f5f5;border:1px solid rgba(255,213,74,.35);
border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.45);
opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:2000;}
.toast--show{opacity:1;transform:translateX(-50%) translateY(0);}

/* Decorative brand logo */
.brand .logo{height:34px;width:auto;display:block}
.site-header .brand{display:flex;align-items:center;padding:6px 0}
@media(min-width:1200px){.brand .logo{height:38px}}

/* Refined brand logo */
.site-header .brand{display:flex;align-items:center;padding:4px 0}
.brand .logo{height:40px;width:auto;display:block}
@media(min-width:1200px){.brand .logo{height:44px}}


/* === Brand === */
.site-header .brand{display:flex;align-items:center;gap:14px;padding:6px 0}
.brand-word{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight: 900; letter-spacing: .5px;
  font-size: 28px;
  background: linear-gradient(180deg,#FFF3C2 0%,#F2B632 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.vpn-pill{
  display:inline-flex; align-items:center; justify-content:center;
  height:34px; padding:0 18px; font-weight:900; font-size:16px;
  color:#0D0D0E; border-radius:18px;
  background: linear-gradient(180deg,#FFEBA6 0%,#F7C64A 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 18px rgba(247,198,74,.18);
  border:1px solid rgba(251,210,86,.65);
}
@media (min-width:1200px){ .brand-word{font-size:30px} .vpn-pill{height:36px;padding:0 20px;font-size:17px} }

/* === Pricing grid === */
.pricing .section-title{margin-bottom:20px}
.pricing-grid{
  display:grid; gap:24px;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
}
.p-card{
  position:relative; border-radius:16px; padding:22px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(247,198,74,.06) 0%, rgba(20,20,21,.85) 55%, rgba(13,13,14,.95) 100%);
  border:1px solid rgba(247,198,74,.18);
  box-shadow: 0 6px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  display:flex; flex-direction:column; min-height: 260px;
}
.p-card--accent{
  border-color: rgba(247,198,74,.55);
  box-shadow: 0 8px 28px rgba(247,198,74,.18), inset 0 1px 0 rgba(255,255,255,.07);
}
.p-head{margin-bottom:10px}
.p-name{font-size:18px; font-weight:800; margin:0 0 10px 0;}
.p-badge{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:700; letter-spacing:.3px; text-transform:uppercase;
  color:#0D0D0E; padding:6px 10px; border-radius:10px;
  background: linear-gradient(180deg,#FFEBA6 0%,#F7C64A 100%);
  border:1px solid rgba(251,210,86,.65); margin-bottom:10px;
}
.p-price{display:flex; align-items:baseline; gap:6px; margin-bottom:8px}
.p-amount{
  font-size:28px; font-weight:900; line-height:1;
  background: linear-gradient(180deg,#FFEBA6 0%,#F7C64A 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.p-currency{font-size:20px; font-weight:800; color:#F2C44E}
.p-list{margin:10px 0 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px}
.p-list li{position:relative; padding-left:20px; line-height:1.35;}
.p-list li::before{
  content:""; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:50%;
  background: radial-gradient(circle at 40% 40%, #FFEBA6, #F7C64A);
  box-shadow: 0 0 0 2px rgba(247,198,74,.15);
}
@media (max-width:1100px){ .pricing-grid{grid-template-columns: 1fr 1fr} }
@media (max-width:700px){ .pricing-grid{grid-template-columns: 1fr} .p-card{min-height:auto} }



/* Hover bounce for pricing cards */
.p-card{transition: transform .28s cubic-bezier(.215,.61,.355,1), box-shadow .28s, border-color .28s}
.p-card:hover{transform: translateY(-6px); box-shadow: 0 16px 40px rgba(247,198,74,.18), 0 10px 28px rgba(0,0,0,.45); border-color: rgba(247,198,74,.6)}
.p-card:active{transform: translateY(-2px)}


/* Brand size tweak */
.brand-word{font-size: 32px}
.vpn-pill{height: 40px; padding: 0 22px; font-size: 18px; border-radius: 20px}
@media (min-width:1200px){ .brand-word{font-size:34px} .vpn-pill{height:42px;padding:0 24px;font-size:19px} }



/* Badge to top-right; keep prices aligned */
.p-card{position:relative}
.p-card .p-head{position:relative;padding-right:90px}
.p-card .p-badge{
  position:absolute; top:14px; right:16px; margin:0;
  padding:6px 10px; border-radius:10px;
  background: linear-gradient(180deg,#FFEBA6 0%,#F7C64A 100%);
  border:1px solid rgba(251,210,86,.65); color:#0D0D0E;
  font-size:12px; font-weight:800; letter-spacing:.3px; text-transform:uppercase;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 4px 12px rgba(247,198,74,.16);
}
/* keep price on same vertical rhythm */
.p-card .p-price{margin-top:6px}

/* Brand refinement */
.site-header .brand{gap:12px}
.brand-word{
  font-weight: 900; letter-spacing: .6px;
  background: linear-gradient(180deg,#FFE9A8 0%,#F0BE42 100%);
}
.vpn-pill{
  height: 42px; padding: 0 22px; font-size: 18px; border-radius: 21px;
  background: linear-gradient(180deg,#FFE9A8 0%,#F0BE42 100%);
  border:1px solid rgba(240,190,66,.8);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 6px 18px rgba(240,190,66,.18);
}



/* === Serif Brand (A + URUM / VPN) === */
.brand--serif{display:flex;align-items:flex-end;gap:10px;padding:6px 0;text-decoration:none}
.brand-a{
  font-family: "Times New Roman", Georgia, "Segoe UI Serif", serif;
  font-weight: 700; line-height: .8;
  font-size: 40px;
  background: linear-gradient(180deg,#FFE9A8 0%,#F0BE42 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;transform:translateY(-2px)}
.brand-urum{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight: 900; letter-spacing:.6px;
  font-size: 22px;
  background: linear-gradient(180deg,#FFE9A8 0%,#F0BE42 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.brand-vpn{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight: 800; letter-spacing:.35em;
  font-size: 14px; color:#F4D37A;
  opacity:.95;
}

/* Mobile/logo scaling */
@media (max-width: 680px){
  .brand-a{font-size:32px}
  .brand-urum{font-size:18px}
  .brand-vpn{font-size:12px; letter-spacing:.3em}
}

/* Pricing mobile/spacing improvements */
.p-card{min-height:auto}
.p-card .p-head{padding-right:96px}
@media (max-width:900px){
  .p-card .p-head{padding-right:84px}
  .p-amount{font-size:26px}
}
@media (max-width:700px){
  .pricing-grid{grid-template-columns:1fr}
  .p-card{padding:18px}
  .p-name{font-size:17px}
  .p-price{margin-top:4px}
  .p-amount{font-size:26px}
  .p-currency{font-size:18px}
  .p-list{gap:6px}
}



/* === Classic Serif Brand === */
.brand--classic{display:flex;align-items:flex-end;gap:10px;padding:6px 0;text-decoration:none}
.brand-A{
  font-family: "Times New Roman", Georgia, "Segoe UI Serif", serif;
  font-weight: 700; line-height:.8; font-size:44px;
  background: linear-gradient(180deg,#FFE7A2 0%,#EFB93F 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.brand-right{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.brand-urum{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight: 900; letter-spacing:.04em; font-size:24px;
  background: linear-gradient(180deg,#FFE7A2 0%,#EFB93F 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.brand-vpn-sub{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight:800; letter-spacing:.08em; font-size:16px; color:#F4D37A;
  opacity:.95; margin-top:2px;
}
@media (max-width:680px){
  .brand-A{font-size:36px}
  .brand-urum{font-size:19px}
  .brand-vpn-sub{font-size:13px;letter-spacing:.06em}
}



/* Bigger serif A to match word height */
.brand-A{font-size: 56px}
@media (max-width: 680px){ .brand-A{font-size: 44px} }

/* Submit button: bigger + animated gradient */
button[type="submit"], .form button[type="submit"], .lead-form button[type="submit"]{
  font-size:18px; padding:14px 22px; border-radius:14px;
  background: linear-gradient(90deg,#FFE7A2,#F0BE42,#FFE7A2);
  background-size:200% 100%;
  animation: aurumGradient 6s linear infinite;
  border:1px solid rgba(240,190,66,.8); color:#0D0D0E; font-weight:800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 8px 22px rgba(240,190,66,.18);
}
button[type="submit"]:hover{transform: translateY(-1px)}
button[type="submit"]:active{transform: translateY(0)}
@keyframes aurumGradient{ 
  0%{background-position: 0% 50%} 
  50%{background-position: 100% 50%} 
  100%{background-position: 0% 50%}
}



/* === AURUM wordmark: serif A + sans URUM (single word) === */
.brand--aurum{display:flex;align-items:flex-end;gap:10px;text-decoration:none;padding:6px 0}
.brand-word{display:flex;align-items:flex-end;line-height:1}
.brand-a-serif{
  font-family:"Times New Roman", Georgia, "Segoe UI Serif", serif;
  font-weight:700; font-size:46px; line-height:.9;
  background: linear-gradient(180deg,#FFE7A2 0%,#EFB93F 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
  margin-right:2px;
}
.brand-urum-sans{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight:900; letter-spacing:.04em; font-size:28px;
  background: linear-gradient(180deg,#FFE7A2 0%,#EFB93F 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.brand-vpn-sub{
  display:block; transform:translateY(-2px);
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight:800; letter-spacing:.06em; font-size:16px; color:#F4D37A; opacity:.95;
}
@media(max-width:680px){
  .brand-a-serif{font-size:38px}
  .brand-urum-sans{font-size:22px}
  .brand-vpn-sub{font-size:13px}
}

/* === Submit button: stronger animated shine + pulse === */
button[type="submit"], .lead-form button[type="submit"], .form button[type="submit"]{
  position:relative; overflow:hidden;
  font-size:20px; padding:16px 26px; border-radius:14px;
  background: linear-gradient(90deg,#FFE7A2,#F0BE42,#FFE7A2);
  background-size:200% 100%; border:1px solid rgba(240,190,66,.9);
  color:#0D0D0E; font-weight:900;
  box-shadow: 0 10px 24px rgba(240,190,66,.22), inset 0 1px 0 rgba(255,255,255,.6);
  animation: btnPulse 2.8s ease-in-out infinite;
}
button[type="submit"]::before{
  content:""; position:absolute; top:-120%; left:-40%;
  width:60%; height:300%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
  transform: translateX(-120%);
  animation: btnShine 3.4s ease-in-out infinite;
  mix-blend-mode: screen; pointer-events:none;
}
button[type="submit"]:hover{transform:translateY(-1px)}
button[type="submit"]:active{transform:translateY(0)}
@keyframes btnShine{
  0%{transform:translateX(-140%) rotate(0.01deg)}
  50%{transform:translateX(60%) rotate(0.01deg)}
  100%{transform:translateX(180%) rotate(0.01deg)}
}
@keyframes btnPulse{
  0%,100%{box-shadow:0 10px 24px rgba(240,190,66,.22), inset 0 1px 0 rgba(255,255,255,.6);}
  50%{box-shadow:0 16px 36px rgba(240,190,66,.34), inset 0 1px 0 rgba(255,255,255,.7);}
}



/* === Clean AURUM wordmark (no background boxes) === */
.brand--clean{display:flex;align-items:flex-end;gap:10px;padding:6px 0;text-decoration:none}
.logo-A{
  font-family:"Times New Roman", Georgia, "Segoe UI Serif", serif;
  font-weight:700; font-size:44px; line-height:.9;
  background-image: linear-gradient(180deg,#FFE9A8,#EFB93F);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.logo-urum{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight:900; font-size:28px; letter-spacing:.04em;
  background-image: linear-gradient(180deg,#FFE9A8,#EFB93F);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.logo-vpn{
  margin-left:6px; transform:translateY(-2px);
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial;
  font-weight:800; font-size:16px; letter-spacing:.06em; color:#F4D37A; opacity:.95;
}
@media(max-width:680px){ .logo-A{font-size:36px} .logo-urum{font-size:22px} .logo-vpn{font-size:13px} }

/* === Softer Submit button animation === */
/* Reset previous strong shine */
.lead-form button[type="submit"], .form button[type="submit"], button[type="submit"]{
  position:relative; overflow:hidden;
  font-size:19px; padding:14px 24px; border-radius:14px; font-weight:900; color:#0D0D0E;
  background: linear-gradient(180deg,#FFE5A0 0%, #F2BE47 100%);
  border:1px solid rgba(240,190,66,.85);
  box-shadow: 0 8px 20px rgba(240,190,66,.18), inset 0 1px 0 rgba(255,255,255,.55);
  transition: transform .2s ease, box-shadow .3s ease;
}
/* Gentle gradient drift */
.lead-form button[type="submit"], .form button[type="submit"], button[type="submit"]{
  background-size: 100% 100%;
  animation: gradientDrift 8s ease-in-out infinite;
}
@keyframes gradientDrift{
  0%{filter:saturate(1)}
  50%{filter:saturate(1.08)}
  100%{filter:saturate(1)}
}
/* Subtle highlight only on hover */
.lead-form button[type="submit"]::after, .form button[type="submit"]::after, button[type="submit"]::after{
  content:""; position:absolute; left:-30%; top:-120%;
  width:30%; height:320%;
  background: radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 70%);
  opacity:0; transform: rotate(18deg) translateX(-30%);
  transition: opacity .35s ease, transform .6s ease;
  pointer-events:none; mix-blend-mode: screen;
}
.lead-form button[type="submit"]:hover::after, .form button[type="submit"]:hover::after, button[type="submit"]:hover::after{
  opacity:.75; transform: rotate(18deg) translateX(160%);
}
.lead-form button[type="submit"]:hover, .form button[type="submit"]:hover, button[type="submit"]:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(240,190,66,.24), inset 0 1px 0 rgba(255,255,255,.6);
}



/* Force brand look even if other CSS loads later */
.brand.brand--clean{display:flex !important;align-items:flex-end !important;gap:10px !important;padding:6px 0 !important;text-decoration:none !important}
.brand.brand--clean .logo-A{
  font-family:"Times New Roman", Georgia, "Segoe UI Serif", serif !important;
  font-weight:700 !important; font-size:44px !important; line-height:.9 !important;
  background-image: linear-gradient(180deg,#FFE9A8,#EFB93F) !important;
  -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
}
.brand.brand--clean .logo-urum{
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial !important;
  font-weight:900 !important; font-size:28px !important; letter-spacing:.04em !important;
  background-image: linear-gradient(180deg,#FFE9A8,#EFB93F) !important;
  -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.brand.brand--clean .logo-vpn{
  margin-left:6px !important; transform:translateY(-2px) !important;
  font-family: Inter,system-ui,-apple-system,Segoe UI,Arial !important;
  font-weight:800 !important; font-size:16px !important; letter-spacing:.06em !important; color:#F4D37A !important; opacity:.95 !important;
}
@media(max-width:680px){
  .brand.brand--clean .logo-A{font-size:36px !important}
  .brand.brand--clean .logo-urum{font-size:22px !important}
  .brand.brand--clean .logo-vpn{font-size:13px !important}
}

/* Button animation (class applied via JS) */
button.btn-aurum-anim[type="submit"]{
  position:relative; overflow:hidden;
  font-size:19px; padding:14px 24px; border-radius:14px; font-weight:900; color:#0D0D0E;
  background: linear-gradient(180deg,#FFE5A0 0%, #F2BE47 100%);
  border:1px solid rgba(240,190,66,.85);
  box-shadow: 0 8px 20px rgba(240,190,66,.18), inset 0 1px 0 rgba(255,255,255,.55);
  transition: transform .2s ease, box-shadow .3s ease, filter .3s ease;
}
button.btn-aurum-anim[type="submit"]::after{
  content:""; position:absolute; left:-40%; top:-120%;
  width:40%; height:320%;
  background: radial-gradient(60% 60% at 50% 50%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 70%);
  opacity:0; transform: rotate(16deg) translateX(-30%);
  transition: opacity .45s ease, transform .9s ease;
  pointer-events:none; mix-blend-mode: screen;
}
button.btn-aurum-anim[type="submit"]:hover{transform: translateY(-1px); filter:saturate(1.05)}
button.btn-aurum-anim[type="submit"]:hover::after{ opacity:.9; transform: rotate(16deg) translateX(170%) }



/* Logo spacing tweaks */
.brand.brand--clean{gap:6px !important}
.brand.brand--clean .logo-urum{margin-left:2px !important; letter-spacing:.02em !important}
.brand.brand--clean .logo-vpn{margin-left:12px !important;}

/* Hero CTA color unify with other buttons */
.hero a.btn, .hero .btn, .hero button, .hero .button, .hero .btn-primary{
  background: linear-gradient(180deg,#FFEBA6 0%,#F7C64A 100%) !important;
  border:1px solid rgba(251,210,86,.75) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 6px 18px rgba(247,198,74,.16) !important;
  color:#0D0D0E !important; font-weight:900 !important;
}

/* Remove submit animation and keep solid style */
button.btn-aurum-anim[type="submit"]{animation:none !important; transition: transform .2s ease, box-shadow .3s ease !important;}
button.btn-aurum-anim[type="submit"]::after{display:none !important;}