.redirect-guide-host[hidden] { display: none !important; }
.redirect-guide-lock { overflow: hidden !important; }
.redirect-guide-energy, .redirect-guide-energy * { box-sizing: border-box; }
.redirect-guide-energy { position: relative; --guide-language-accent: #00f2ff; --guide-language-panel: rgba(14,19,33,.97); --guide-language-menu: rgba(9,14,28,.99); --guide-language-line: rgba(255,255,255,.13); --guide-language-menu-line: rgba(0,242,255,.28); --guide-language-muted: #7d879c; --guide-language-hover: rgba(0,242,255,.08); --guide-language-selected: rgba(0,242,255,.14); --guide-language-glow: rgba(0,219,231,.1); width: 100%; min-height: 100%; overflow: visible; background: #0e1321; color: #dee2f6; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
.energy-glow { position: absolute; width: 420px; height: 420px; top: 20%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(0,219,231,.11); filter: blur(100px); pointer-events: none; }
.energy-shell { position: relative; width: min(100% - 30px, 560px); min-height: 100vh; min-height: 100svh; margin: 0 auto; display: flex; flex-direction: column; padding: max(15px, env(safe-area-inset-top)) 0 max(18px, env(safe-area-inset-bottom)); }
.energy-header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.energy-header-actions { display: flex; align-items: center; gap: 8px; }
.energy-panel { width: 100%; margin: auto 0; padding: 30px 0; text-align: center; }
.energy-icon { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 18px; border: 1px solid rgba(0,219,231,.38); border-radius: 21px; background: rgba(255,255,255,.06); color: #00f2ff; box-shadow: 0 0 30px rgba(0,219,231,.18); backdrop-filter: blur(20px); }
.energy-icon svg { width: 31px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.energy-kicker { margin: 0 0 10px; color: #00e475; font-family: "Space Grotesk", Inter, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.energy-panel h1 { margin: 0; outline: 0; color: #e1fdff; font-family: "Space Grotesk", Inter, sans-serif; font-size: clamp(27px,8vw,38px); line-height: 1.12; letter-spacing: -.045em; }
.energy-lead { max-width: 450px; margin: 13px auto 22px; color: #b9cacb; font-size: 11px; line-height: 1.65; }
.energy-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; text-align: left; }
.energy-steps article { min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.05); box-shadow: 0 14px 38px rgba(0,0,0,.16); backdrop-filter: blur(20px); }
.energy-step-head { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.energy-step-head b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: rgba(0,242,255,.12); color: #00f2ff; font-family: "Space Grotesk", monospace; font-size: 9px; }
.energy-step-head span { color: #00e475; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.energy-steps img { width: 100%; display: block; aspect-ratio: 390/260; object-fit: cover; object-position: top; border-radius: 14px; background: #090e1c; }
.energy-steps h2 { margin: 10px 2px 4px; color: #fff; font-size: 11px; }
.energy-steps p { margin: 0 2px 2px; color: #b9cacb; font-size: 9px; line-height: 1.5; }
.energy-copy { margin-top: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: #090e1c; }
.energy-copy > p:first-child { margin: 0 0 10px; color: #b9cacb; font-size: 9px; line-height: 1.5; }
.energy-copy button { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; background: linear-gradient(135deg,#00f2ff,#00dbe7); color: #00363a; font: inherit; font-size: 12px; font-weight: 800; box-shadow: 0 0 20px rgba(0,219,231,.25); cursor: pointer; }
.energy-copy button svg { width: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.energy-copy [data-guide-copy-status] { min-height: 15px; margin: 8px 0 0; color: #00e475; font-size: 9px; }
.energy-shell footer { padding-top: 18px; color: #697184; font-size: 9px; text-align: center; }
[dir="rtl"] .redirect-guide-energy .energy-steps { text-align: right; }
@media (max-width: 380px) { .energy-steps { grid-template-columns: 1fr; } .energy-panel { padding-top: 22px; } }
@media (prefers-reduced-motion: reduce) { .redirect-guide-energy *, .redirect-guide-energy *::before, .redirect-guide-energy *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }