:root {
  --bg: #100405;
  --bg-soft: #190708;
  --surface: rgba(28, 10, 11, .82);
  --surface-solid: #210a0c;
  --surface-2: #321013;
  --line: rgba(208, 147, 48, .18);
  --line-strong: rgba(237, 180, 64, .52);
  --text: #f9f1df;
  --muted: #c5ab94;
  --muted-2: #8e7365;
  --primary: #e4ad3d;
  --primary-2: #f5cc68;
  --cyan: #f0bc52;
  --success: #d9aa4c;
  --warning: #e4ad3d;
  --danger: #d15c48;
  --radius: 12px;
}

html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  color: var(--text);
  background: #100405;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
body::before {
  content: "";
  position: fixed;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% -8%, rgba(130, 24, 20, .24), transparent 27%),
    radial-gradient(circle at 87% 16%, rgba(137, 86, 19, .10), transparent 25%),
    linear-gradient(180deg, #100405 0%, #0c0304 48%, #120506 100%);
}
body::after {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .3;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

h1, h2, h3, .brand-copy strong, .price-card h3, .page-hero h1 { font-family: Cinzel, Georgia, serif; }
a { transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.container { width: min(100% - 48px, 1200px); }
.section { padding: 108px 0; }
.section-soft { background: transparent; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--primary-2);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .34em;
  text-transform: uppercase;
}
.eyebrow::before, .eyebrow::after { content: ""; width: 42px; height: 1px; background: linear-gradient(90deg, transparent, var(--primary)); }
.eyebrow::after { background: linear-gradient(90deg, var(--primary), transparent); }

.site-header { height: 76px; border-bottom: 1px solid rgba(233, 177, 65, .10); background: rgba(12, 3, 4, .78); backdrop-filter: blur(16px); }
.site-header.is-scrolled { border-color: rgba(233, 177, 65, .22); background: rgba(12, 3, 4, .94); box-shadow: 0 12px 38px rgba(0,0,0,.34); }
.header-inner { min-height: 76px; }
.brand { gap: 11px; }
.brand-mark { width: 40px; height: 40px; border-color: rgba(231, 174, 60, .58); border-radius: 5px; background: linear-gradient(145deg, #7e1718, #250708); box-shadow: inset 0 0 20px rgba(255, 202, 90, .12), 0 0 20px rgba(195, 76, 30, .12); }
.brand-mark::before, .brand-mark::after { border-color: rgba(245, 204, 104, .32); }
.brand-mark span { color: #ffdd88; }
.brand-copy strong { color: #fff4df; font-size: 20px; letter-spacing: .04em; }
.brand-copy small { color: #b88c5a; letter-spacing: .17em; }
.desktop-nav { gap: 20px; }
.desktop-nav a { color: #c9a88a; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.desktop-nav a:hover { color: #f5ce77; }
.language-trigger, .header-whatsapp { color: #c9a88a; border-color: rgba(233,177,65,.2); background: rgba(255,255,255,.018); }
.language-trigger:hover, .header-whatsapp:hover { color: #ffe4a1; border-color: rgba(233,177,65,.46); background: rgba(226,164,48,.08); }
.mobile-menu { border-color: rgba(233,177,65,.18); background: #190708; }
.mobile-menu a { color: #ead5bb; border-color: rgba(233,177,65,.13); }

.button { min-height: 44px; border-radius: 5px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.button-primary { color: #1b0907; border-color: #f6c964; background: linear-gradient(135deg, #f5cd72, #d58d29 54%, #a95018); box-shadow: 0 12px 30px rgba(174, 83, 24, .22), inset 0 1px rgba(255,255,255,.52); }
.button-primary:hover { color: #160604; background: linear-gradient(135deg, #ffe09a, #eab050 54%, #bd6121); box-shadow: 0 18px 38px rgba(184, 83, 22, .34); }
.button-ghost, .button-secondary { color: #f5d9a2; border-color: rgba(233,177,65,.32); background: rgba(100, 24, 20, .20); }
.button-ghost:hover, .button-secondary:hover { color: #fff0c8; border-color: rgba(246,202,101,.67); background: rgba(138, 45, 26, .33); }
.button-whatsapp { color: #eafff3; }

.home-page .site-header { position: fixed; }
.forge-hero { position: relative; min-height: 790px; overflow: hidden; padding: 176px 0 96px; border-bottom: 1px solid rgba(233,177,65,.15); }
.forge-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(13,3,4,.58), transparent 64%), linear-gradient(0deg, #100405, transparent 28%); }
.forge-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .8fr); align-items: center; gap: 70px; }
.forge-hero-copy { max-width: 690px; }
.forge-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; color: #f6cf77; border: 1px solid rgba(229,170,53,.28); border-radius: 3px; background: rgba(90, 17, 17, .28); font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.forge-kicker svg { width: 15px; }
.forge-hero h1 { max-width: 740px; margin: 22px 0 22px; color: #fff6e6; font-size: clamp(42px, 5.3vw, 73px); font-weight: 700; letter-spacing: -.025em; line-height: 1.08; text-transform: uppercase; text-wrap: balance; }
.forge-hero h1 em { display: block; color: #f0b745; font-style: normal; }
.forge-hero-copy > p { max-width: 650px; margin: 0; color: #d0b6a0; font-size: 16px; line-height: 1.85; }
.forge-actions { margin-top: 31px; }
.forge-proof-row { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 32px; color: #c8a987; font-size: 11px; }
.forge-proof-row span { display: inline-flex; align-items: center; gap: 7px; }
.forge-proof-row svg { width: 15px; color: #f0b745; }
.forge-hero-glow { position: absolute; border-radius: 50%; filter: blur(6px); pointer-events: none; }
.forge-hero-glow-left { width: 440px; height: 440px; top: 230px; left: -250px; background: rgba(147, 34, 26, .23); }
.forge-hero-glow-right { width: 380px; height: 380px; top: 60px; right: -150px; background: rgba(196, 128, 32, .13); }

.forge-dossier { position: relative; min-height: 515px; display: grid; place-items: center; isolation: isolate; }
.forge-dossier::before { content: ""; position: absolute; z-index: -2; width: min(100%, 510px); aspect-ratio: 1; border: 1px solid rgba(235,177,67,.28); border-radius: 50%; box-shadow: 0 0 0 42px rgba(152,46,24,.045), 0 0 0 86px rgba(225,171,69,.025), 0 0 140px rgba(191,79,30,.15); }
.forge-dossier-rings { position: absolute; z-index: -1; width: 440px; height: 440px; border: 1px dashed rgba(235,177,67,.24); border-radius: 50%; animation: forge-rotate 32s linear infinite; }
.forge-dossier-rings i { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border: 1px solid #f2c963; background: #3f1010; transform: translate(-50%, -50%); }
.forge-dossier-rings i:nth-child(1) { margin: -220px 0 0 0; }.forge-dossier-rings i:nth-child(2) { margin: 108px 0 0 188px; }.forge-dossier-rings i:nth-child(3) { margin: 111px 0 0 -191px; }
@keyframes forge-rotate { to { transform: rotate(360deg); } }
.forge-emblem { position: absolute; top: 57px; display: grid; place-content: center; width: 190px; height: 190px; border: 1px solid rgba(244,197,93,.72); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #8c261d, #24080a 62%); box-shadow: inset 0 0 0 10px rgba(5,0,0,.36), inset 0 0 38px rgba(255,203,95,.1), 0 0 56px rgba(196,72,28,.22); color: #ffe7a8; text-align: center; font-family: Cinzel, Georgia, serif; }
.forge-emblem::before, .forge-emblem::after { content: ""; position: absolute; inset: 17px; border: 1px solid rgba(245,211,132,.28); transform: rotate(45deg); }.forge-emblem::after { inset: 29px; }
.forge-emblem span { position: relative; z-index: 1; font-size: 39px; font-weight: 700; line-height: .8; letter-spacing: .05em; }.forge-emblem b { position: relative; z-index: 1; color: #df9a34; font-size: 47px; line-height: .85; }.forge-emblem small { position: relative; z-index: 1; margin-top: 7px; color: #d9b16a; font-family: Inter, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .38em; }
.forge-dossier-card { position: absolute; right: 0; bottom: 8px; width: min(100%, 390px); overflow: hidden; padding: 21px 22px; border: 1px solid rgba(235,177,67,.33); border-radius: 8px; background: linear-gradient(140deg, rgba(48,13,15,.91), rgba(15,4,5,.91)); box-shadow: 0 28px 58px rgba(0,0,0,.38); backdrop-filter: blur(11px); }
.forge-dossier-card::after { content: ""; position: absolute; top: 0; left: 0; width: 84px; height: 2px; background: #efb53d; }.forge-dossier-head { display: flex; align-items: center; justify-content: space-between; color: #c4a179; font-size: 9px; font-weight: 800; letter-spacing: .2em; }.forge-dossier-head svg { width: 17px; color: #efb53d; }.forge-dossier-card > strong { display: block; margin: 14px 0 17px; color: #fff1ce; font-family: Cinzel, Georgia, serif; font-size: 20px; letter-spacing: .08em; }.forge-dossier-card > strong small { margin-left: 7px; color: #c48c3b; font-family: Inter, sans-serif; font-size: 9px; letter-spacing: .14em; }.forge-dossier-card dl { display: grid; gap: 9px; margin: 0; }.forge-dossier-card dl div { display: flex; justify-content: space-between; gap: 20px; padding-top: 9px; border-top: 1px solid rgba(235,177,67,.12); }.forge-dossier-card dt { color: #9d7862; font-size: 10px; }.forge-dossier-card dd { margin: 0; color: #e5c7a6; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }

.forge-stats-strip { border-bottom: 1px solid rgba(233,177,65,.15); background: rgba(41, 10, 11, .55); }.forge-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.forge-stats-grid > div { display: grid; gap: 6px; min-height: 120px; padding: 26px 28px; border-right: 1px solid rgba(233,177,65,.14); align-content: center; text-align: center; }.forge-stats-grid > div:last-child { border-right: 0; }.forge-stats-grid strong { color: #f6cc6c; font-family: Cinzel, Georgia, serif; font-size: 32px; letter-spacing: .04em; }.forge-stats-grid span { color: #bfa083; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }

.forge-section-heading { width: min(820px, 100%); margin: 0 auto 52px; text-align: center; }.forge-section-heading h2 { margin: 15px 0 15px; color: #fff2d9; font-size: clamp(31px, 4vw, 50px); letter-spacing: -.02em; line-height: 1.16; text-transform: uppercase; }.forge-section-heading p { max-width: 710px; margin: 0 auto; color: #c5aa91; font-size: 15px; line-height: 1.8; }.forge-section-heading-row { width: 100%; display: flex; align-items: end; justify-content: space-between; gap: 28px; text-align: left; }.forge-section-heading-row p { margin-left: 0; }.forge-section-heading-row .button { flex-shrink: 0; }

.arsenal-section { position: relative; }.arsenal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.arsenal-card { position: relative; min-height: 275px; overflow: hidden; padding: 28px; border: 1px solid rgba(225,165,58,.20); border-radius: 6px; background: linear-gradient(140deg, rgba(47,13,15,.92), rgba(20,5,6,.86)); box-shadow: inset 0 1px rgba(255,220,145,.025); }.arsenal-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle, rgba(210,139,45,.16), transparent 67%); transition: transform .3s ease; }.arsenal-card:hover { transform: translateY(-5px); border-color: rgba(246,193,82,.56); box-shadow: 0 22px 48px rgba(0,0,0,.28), inset 0 1px rgba(255,220,145,.05); }.arsenal-card:hover::after { transform: scale(1.22); }.arsenal-icon { position: relative; z-index: 1; display: grid; width: 48px; height: 48px; margin-bottom: 23px; place-items: center; color: #f1b944; border: 1px solid rgba(208,37,40,.55); background: linear-gradient(145deg, #4a0b10, #2a0609); }.arsenal-icon svg { width: 21px; }.arsenal-card h3 { position: relative; z-index: 1; margin: 0 0 18px; color: #f1bc48; font-size: 18px; letter-spacing: -.01em; }.arsenal-card ul { position: relative; z-index: 1; display: grid; gap: 11px; padding: 0; margin: 0; list-style: none; }.arsenal-card li { display: grid; grid-template-columns: 15px 1fr; gap: 9px; color: #d3b297; font-size: 12px; line-height: 1.45; }.arsenal-card li svg { width: 14px; color: #dba73e; }

.forge-security-section { padding-top: 15px; }.forge-security-panel { display: grid; grid-template-columns: 100px minmax(0, 1fr) minmax(250px, .54fr); align-items: center; gap: 34px; padding: 38px 42px; overflow: hidden; border: 1px solid rgba(226,169,60,.28); border-radius: 8px; background: linear-gradient(120deg, rgba(61,15,16,.90), rgba(23,5,6,.92)); box-shadow: 0 26px 60px rgba(0,0,0,.22); }.forge-security-mark { display: grid; width: 82px; height: 82px; place-items: center; color: #f5c25d; border: 1px solid rgba(245,194,93,.44); border-radius: 50%; background: radial-gradient(circle, rgba(160,45,26,.6), rgba(37,7,8,.8)); }.forge-security-mark svg { width: 35px; height: 35px; }.forge-security-panel h2 { margin: 9px 0 10px; color: #fff0d2; font-size: 25px; line-height: 1.24; }.forge-security-panel p { margin: 0; color: #c8aa8e; font-size: 13px; line-height: 1.7; }.forge-security-panel ul { display: grid; gap: 11px; padding: 0; margin: 0; list-style: none; }.forge-security-panel li { display: grid; grid-template-columns: 17px 1fr; gap: 8px; color: #ebc89e; font-size: 12px; line-height: 1.45; }.forge-security-panel li svg { width: 15px; color: #efb943; }

.forge-video-section { background: linear-gradient(180deg, rgba(75,16,16,.20), rgba(18,5,6,.02)); }.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.video-card { display: block; overflow: hidden; color: inherit; border: 1px solid rgba(224,169,63,.20); border-radius: 8px; background: rgba(35,8,10,.82); box-shadow: 0 16px 35px rgba(0,0,0,.18); }.video-card:hover { color: inherit; border-color: rgba(246,196,88,.58); transform: translateY(-5px); box-shadow: 0 25px 48px rgba(0,0,0,.33); }.video-thumbnail { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #210809; }.video-thumbnail::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(10,1,2,.57)); }.video-thumbnail img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }.video-card:hover .video-thumbnail img { transform: scale(1.06); }.video-thumbnail > svg { position: absolute; z-index: 1; top: 50%; left: 50%; width: 46px; height: 46px; padding: 12px; color: #fff1c9; border: 1px solid rgba(255,232,170,.7); border-radius: 50%; background: rgba(112,21,20,.83); transform: translate(-50%, -50%); }.video-card-copy { display: grid; min-height: 132px; gap: 8px; padding: 17px 18px 18px; }.video-card-copy time { color: #c9933e; font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.video-card-copy strong { display: -webkit-box; overflow: hidden; color: #fff1d4; font-size: 14px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.video-card-copy > span:last-child { display: inline-flex; align-items: center; gap: 5px; margin-top: auto; color: #d8ab58; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.video-card-copy > span:last-child svg { width: 14px; }.video-empty { display: grid; min-height: 180px; place-items: center; gap: 12px; color: #c6aa8d; border: 1px solid var(--line); border-radius: 8px; background: rgba(38,8,10,.6); }.video-empty svg { width: 28px; color: #e9b54e; }.video-empty p { margin: 0; }

.forge-updates-section { border-top: 1px solid rgba(230,174,68,.10); }.forge-release-grid .release-card, .release-card { border-color: rgba(224,169,63,.19); border-radius: 7px; background: linear-gradient(150deg, rgba(45,10,12,.9), rgba(19,4,6,.76)); }.release-card:hover, .release-card.is-featured { border-color: rgba(243,190,80,.48); background: linear-gradient(150deg, rgba(72,15,16,.92), rgba(29,6,7,.86)); }.release-version { color: #1a0807; background: #e6ad42; }.release-card time { color: #b28c70; }.release-card h3 { color: #ffedcf; }.release-card p { color: #c3a68d; }.text-link { color: #e4ae48; }.text-link:hover { color: #ffe19a; }

.server-card { border-color: rgba(224,169,63,.20); border-radius: 7px; background: linear-gradient(150deg, rgba(45,10,12,.9), rgba(19,4,6,.76)); }.server-card:hover { border-color: rgba(243,190,80,.48); background: linear-gradient(150deg, rgba(72,15,16,.92), rgba(29,6,7,.86)); }.server-logo { color: #efbc4d; border-color: rgba(230,177,69,.28); background: rgba(108,23,19,.35); }.server-body h3 { color: #ffedcf; }.server-body p { color: #c3a68d; }

.forge-pricing-section { background: linear-gradient(180deg, rgba(47,10,12,.46), rgba(13,3,4,.04)); }.forge-pricing-grid { align-items: stretch; }.price-card { border-color: rgba(224,169,63,.22); border-radius: 8px; background: linear-gradient(155deg, rgba(54,12,14,.93), rgba(19,4,6,.85)); }.price-card.is-popular { border-color: rgba(246,195,83,.78); box-shadow: 0 30px 78px rgba(101,25,13,.25), inset 0 1px rgba(255,232,169,.07); }.popular-tag { color: #271006; background: #efb943; }.price-card h3 { color: #fff0d3; }.price-card > p, .update-period { color: #bfa187; }.price { color: #f4c45f; }.plan-list { border-color: rgba(226,170,61,.16); }.plan-list li { color: #d6b89b; }.plan-list svg { color: #eab243; }.forge-delivery-rule { border-color: rgba(237,185,74,.31); border-radius: 7px; background: rgba(101,25,17,.22); }.forge-delivery-rule > svg { color: #efb943; }.commercial-rule strong { color: #ffedcc; }.commercial-rule p { color: #c7a98f; }

.forge-faq-section { padding-top: 86px; }.faq-list { max-width: 900px; margin: 0 auto; }.faq-item { border-color: rgba(224,169,63,.20); border-radius: 6px; background: rgba(37,8,10,.74); }.faq-item[open] { border-color: rgba(243,190,80,.48); background: rgba(55,12,14,.78); }.faq-item summary { color: #f8dfb3; font-family: Cinzel, Georgia, serif; font-size: 14px; }.faq-item summary svg { width: 18px; color: #e7b044; }.faq-answer { color: #c5a78d; line-height: 1.75; }
.forge-cta-section { padding-top: 28px; }.forge-cta { border-color: rgba(244,194,87,.40); border-radius: 9px; background: radial-gradient(circle at 88% 20%, rgba(190,105,31,.24), transparent 28%), linear-gradient(125deg, rgba(72,15,16,.94), rgba(26,5,7,.91)); }.forge-cta h2 { color: #fff1d4; }.forge-cta p { color: #c9aa8e; }

.vps-hero { padding-bottom: 84px; }.vps-section { padding-top: 78px; }.vps-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }.vps-plan-card { overflow: hidden; border: 1px solid rgba(223,168,61,.27); border-radius: 8px; background: rgba(33,7,9,.83); box-shadow: 0 18px 42px rgba(0,0,0,.19); }.vps-plan-card:hover { border-color: rgba(248,202,95,.62); transform: translateY(-6px); box-shadow: 0 28px 56px rgba(0,0,0,.32); }.vps-plan-main { position: relative; min-height: 278px; padding: 28px; overflow: hidden; background: linear-gradient(145deg, rgba(72,16,18,.88), rgba(29,6,8,.94)); }.vps-plan-main::after { content: ""; position: absolute; right: -54px; top: -75px; width: 180px; height: 180px; border: 1px solid rgba(246,199,89,.17); border-radius: 50%; box-shadow: 0 0 0 28px rgba(181,56,26,.045), 0 0 0 55px rgba(236,176,58,.025); }.vps-plan-label { position: relative; z-index: 1; display: inline-block; padding: 5px 8px; color: #3d1806; border-radius: 3px; background: #efbf52; font-size: 9px; font-weight: 900; letter-spacing: .08em; }.vps-plan-card h2 { position: relative; z-index: 1; margin: 20px 0 25px; color: #fff0d2; font-size: 26px; }.vps-from { position: relative; z-index: 1; display: block; color: #c59e78; font-size: 12px; font-weight: 700; }.vps-price { position: relative; z-index: 1; display: grid; margin-top: 2px; }.vps-price strong { color: #f4c45e; font-size: 37px; line-height: 1.08; letter-spacing: -.06em; }.vps-price span { margin-top: 4px; color: #b18c70; font-size: 11px; }.vps-plan-main .button { position: relative; z-index: 1; margin-top: 24px; }.vps-plan-details { display: grid; gap: 14px; min-height: 180px; padding: 25px 28px 28px; margin: 0; list-style: none; background: rgba(255,255,255,.018); }.vps-plan-details li { display: grid; grid-template-columns: 17px 1fr; gap: 8px; color: #d9baa0; font-size: 12px; line-height: 1.45; }.vps-plan-details svg { width: 16px; color: #e5b241; }.vps-plan-details strong { color: #ffe5ad; }.vps-plan-gold { border-color: rgba(247,197,85,.67); }.vps-plan-gold .vps-plan-main { background: radial-gradient(circle at 85% 20%, rgba(225,153,43,.16), transparent 30%), linear-gradient(145deg, rgba(84,23,16,.92), rgba(31,7,7,.95)); }.vps-plan-ember .vps-plan-main { background: radial-gradient(circle at 85% 20%, rgba(203,54,25,.18), transparent 30%), linear-gradient(145deg, rgba(80,16,16,.92), rgba(31,5,7,.95)); }
.hostinger-section { padding-top: 5px; }.hostinger-promo { display: grid; grid-template-columns: 78px minmax(0, 1fr) auto; align-items: center; gap: 30px; padding: 36px 40px; border: 1px solid rgba(245,196,87,.35); border-radius: 8px; background: radial-gradient(circle at 92% 22%, rgba(217,147,38,.17), transparent 24%), linear-gradient(125deg, rgba(72,15,16,.91), rgba(25,5,7,.91)); box-shadow: 0 24px 55px rgba(0,0,0,.22); }.hostinger-promo-mark { display: grid; width: 68px; height: 68px; place-items: center; color: #f2bf50; border: 1px solid rgba(242,191,80,.42); border-radius: 50%; background: rgba(114,24,17,.37); }.hostinger-promo-mark svg { width: 29px; }.hostinger-promo-copy h2 { margin: 9px 0 10px; color: #fff1d4; font-size: 27px; }.hostinger-promo-copy p { max-width: 720px; margin: 0; color: #ceb095; font-size: 13px; line-height: 1.7; }.hostinger-promo-copy small { display: block; margin-top: 10px; color: #93735f; font-size: 10px; line-height: 1.5; }

.page-hero { border-color: rgba(224,169,63,.16); background: linear-gradient(180deg, rgba(70,13,16,.72), rgba(17,3,5,.14)); }.page-hero::after { border-color: rgba(230,177,68,.14); box-shadow: 0 0 0 80px rgba(164,52,23,.035), 0 0 0 160px rgba(231,177,67,.018); }.page-hero h1 { color: #fff1d6; }.page-hero p { color: #c5a88e; }.panel-card, .plan-summary, .gateway-panel, .auth-card, .form-card { border-color: rgba(224,169,63,.18); background: linear-gradient(150deg, rgba(45,10,12,.87), rgba(18,4,6,.85)); }.field input, .field textarea, .field select, .catalog-search input { color: #f7e8ce; border-color: rgba(224,169,63,.20); background: rgba(13,3,4,.62); }.field input:focus, .field textarea:focus, .field select:focus, .catalog-search input:focus { border-color: rgba(243,190,80,.62); box-shadow: 0 0 0 3px rgba(225,165,56,.11); }.alert { border-color: rgba(224,169,63,.24); background: rgba(62,15,15,.86); }

.site-footer { border-color: rgba(224,169,63,.16); background: #0c0304; }.footer-grid h3 { color: #f0c464; }.footer-brand p, .footer-grid a:not(.brand):not(.social-links a) { color: #b7977c; }.footer-grid a:hover { color: #ffe0a0; }.social-links a { color: #d8a64b; border-color: rgba(224,169,63,.20); background: rgba(79,18,17,.22); }.footer-bottom { border-color: rgba(224,169,63,.14); color: #896b5d; }.whatsapp-float { border-color: rgba(255,255,255,.22); }
.site-preview-banner { position: fixed; z-index: 180; right: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; color: #211006; border: 1px solid #f7d178; border-radius: 5px; background: #f0b943; box-shadow: 0 14px 34px rgba(0,0,0,.35); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.site-preview-banner svg { width: 15px; }.admin-header-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }

@media (max-width: 1080px) {
  .forge-hero-grid { grid-template-columns: 1fr .8fr; gap: 30px; }
  .forge-dossier { min-height: 450px; transform: scale(.9); transform-origin: center right; }
  .arsenal-grid { gap: 16px; }
  .arsenal-card { padding: 24px; }
  .forge-security-panel { grid-template-columns: 74px 1fr; }.forge-security-panel ul { grid-column: 2; }
}
@media (max-width: 880px) {
  .container { width: min(100% - 32px, 1200px); }
  .site-header, .header-inner { height: 70px; min-height: 70px; }.desktop-nav, .header-buy { display: none; }.menu-toggle { display: grid; color: #f2ca74; border-color: rgba(233,177,65,.30); background: rgba(93,20,17,.35); }
  .forge-hero { min-height: 0; padding: 140px 0 70px; }.forge-hero-grid { grid-template-columns: 1fr; text-align: center; }.forge-hero-copy { margin: 0 auto; }.forge-actions, .forge-proof-row { justify-content: center; }.forge-dossier { width: min(100%, 520px); min-height: 430px; margin: 4px auto 0; transform: none; }.forge-dossier-card { right: 50%; transform: translateX(50%); }
  .arsenal-grid, .video-grid { grid-template-columns: repeat(2, 1fr); }.forge-section-heading-row { align-items: center; flex-direction: column; text-align: center; }.forge-section-heading-row p { margin-right: auto; margin-left: auto; }.forge-security-panel { grid-template-columns: 78px 1fr; padding: 32px; }.forge-security-panel ul { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); }
  .vps-plan-grid { grid-template-columns: repeat(2, 1fr); }.vps-plan-card:last-child { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }.hostinger-promo { grid-template-columns: 68px 1fr; }.hostinger-promo .button { grid-column: 2; justify-self: start; }
  .forge-stats-grid > div { padding: 21px 14px; }.forge-stats-grid strong { font-size: 27px; }
}
@media (max-width: 620px) {
  .container { width: calc(100% - 26px); }.section { padding: 75px 0; }.language-trigger { color: #f2ca74; }.header-whatsapp { display: none; }
  .forge-hero { padding-top: 116px; }.forge-hero h1 { font-size: 39px; }.forge-hero-copy > p { font-size: 14px; }.forge-actions { display: grid; }.forge-actions .button { width: 100%; }.forge-proof-row { justify-content: center; gap: 9px 15px; font-size: 10px; }.forge-dossier { min-height: 380px; }.forge-dossier::before { width: 330px; }.forge-dossier-rings { width: 300px; height: 300px; }.forge-dossier-rings i:nth-child(1) { margin-top: -150px; }.forge-dossier-rings i:nth-child(2) { margin: 73px 0 0 128px; }.forge-dossier-rings i:nth-child(3) { margin: 75px 0 0 -131px; }.forge-emblem { top: 32px; width: 150px; height: 150px; }.forge-emblem span { font-size: 31px; }.forge-emblem b { font-size: 37px; }.forge-dossier-card { bottom: 0; width: min(100%, 340px); padding: 17px; text-align: left; }
  .forge-stats-grid { grid-template-columns: 1fr 1fr; }.forge-stats-grid > div { min-height: 97px; border-bottom: 1px solid rgba(233,177,65,.14); }.forge-stats-grid > div:nth-child(2n) { border-right: 0; }.forge-stats-grid > div:nth-last-child(-n+2) { border-bottom: 0; }.forge-stats-grid strong { font-size: 24px; }.forge-stats-grid span { font-size: 8px; }
  .forge-section-heading { margin-bottom: 37px; }.forge-section-heading h2 { font-size: 29px; }.forge-section-heading p { font-size: 13px; }.eyebrow { font-size: 8px; letter-spacing: .22em; }.eyebrow::before, .eyebrow::after { width: 25px; }
  .arsenal-grid, .video-grid { grid-template-columns: 1fr; }.arsenal-card { min-height: 0; }.forge-security-section { padding-top: 0; }.forge-security-panel { grid-template-columns: 1fr; gap: 20px; padding: 26px 22px; text-align: center; }.forge-security-mark { margin: auto; }.forge-security-panel ul { grid-column: auto; grid-template-columns: 1fr; text-align: left; }.forge-security-panel h2 { font-size: 22px; }
  .vps-section { padding-top: 52px; }.vps-plan-grid { grid-template-columns: 1fr; }.vps-plan-card:last-child { grid-column: auto; width: auto; }.vps-plan-main { min-height: 256px; }.hostinger-promo { grid-template-columns: 1fr; gap: 19px; padding: 27px 22px; text-align: center; }.hostinger-promo-mark { margin: auto; }.hostinger-promo .button { grid-column: auto; justify-self: stretch; }.hostinger-promo-copy h2 { font-size: 23px; }.hostinger-promo-copy .eyebrow::before, .hostinger-promo-copy .eyebrow::after { display: none; }
  .forge-faq-section { padding-top: 55px; }.faq-item summary { padding: 17px 16px; font-size: 12px; }.forge-cta .cta-actions { display: grid; }.forge-cta .button { width: 100%; }
}