:root { color-scheme: dark; --night:#07182c; --panel:#102941; --orange:#f58a1f; --cream:#ffb45c; --ice:#f6faff; --muted:#b8c9d9; --line:rgba(255,180,92,.42); }
* { box-sizing:border-box; }
body.eqsl-public { --bg:#07182c; --signal-rgb:245,138,31; min-width:320px; margin:0; color:var(--ice); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 8% 0%,rgba(245,138,31,.32),transparent 29rem),radial-gradient(circle at 93% 14%,rgba(255,180,92,.14),transparent 26rem),linear-gradient(155deg,#04111f 0%,var(--night) 53%,#051a30 100%); }
.eqsl-public .radio-background { background:radial-gradient(circle at 8% 0%,rgba(245,138,31,.25),transparent 29rem),radial-gradient(circle at 93% 14%,rgba(255,180,92,.12),transparent 26rem),linear-gradient(155deg,#04111f 0%,var(--night) 53%,#051a30 100%); }
.eqsl-public .site-header { background:#07182c; border-bottom-color:var(--orange); }
.eqsl-public .motion-toggle, .eqsl-public .theme-toggle, .eqsl-public .language-select { border-color:#3f5d75; color:#dbe8f1; }
.eqsl-public .motion-toggle:hover, .eqsl-public .motion-toggle:focus-visible, .eqsl-public .theme-toggle:hover, .eqsl-public .theme-toggle:focus-visible, .eqsl-public .language-select:hover, .eqsl-public .language-select:focus-visible { background:#102d48; color:#fff; }
.request-shell { position:relative; z-index:1; width:min(960px,calc(100% - 36px)); margin:0 auto; padding:clamp(28px,6vw,76px) 0 56px; }
.eqsl-public .hero { position:relative; max-width:none; overflow:hidden; padding:clamp(28px,5vw,58px); border:1px solid var(--line); border-top:4px solid var(--orange); border-radius:28px; background:linear-gradient(90deg,rgba(245,138,31,.14),transparent 42%),linear-gradient(135deg,rgba(19,48,74,.98),rgba(8,28,47,.94)); box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,209,150,.18); }
.hero::after { position:absolute; top:-128px; right:-58px; width:278px; height:278px; content:""; border:1px solid rgba(255,180,92,.28); border-radius:50%; box-shadow:0 0 0 34px rgba(245,138,31,.04),0 0 0 68px rgba(245,138,31,.025); pointer-events:none; }
.eyebrow { position:relative; z-index:1; margin:0 0 10px; color:var(--cream); font-size:.76rem; font-weight:800; letter-spacing:.14em; }
h1,h2 { position:relative; z-index:1; margin:0; color:var(--ice); line-height:1.04; letter-spacing:-.038em; }
h1 { max-width:700px; font-size:clamp(2.1rem,6vw,4.2rem); }
h2 { font-size:clamp(1.45rem,3vw,2.25rem); }
.intro { position:relative; z-index:1; max-width:650px; margin:16px 0 0; color:var(--muted); font-size:clamp(1rem,2vw,1.2rem); line-height:1.6; }
.operator-badge { position:relative; z-index:1; display:inline-flex; align-items:center; gap:9px; margin-top:24px; padding:9px 13px; border:1px solid rgba(255,180,92,.62); border-radius:999px; color:#ffe0b7; background:linear-gradient(90deg,rgba(245,138,31,.28),rgba(184,75,8,.16)); font-size:.86rem; font-weight:750; }
.operator-badge span { width:8px; height:8px; border-radius:50%; background:var(--cream); box-shadow:0 0 14px var(--orange); }
.request-card,.result { margin-top:22px; padding:clamp(24px,4vw,38px); border:1px solid rgba(255,255,255,.12); border-radius:20px; background:linear-gradient(105deg,rgba(245,138,31,.10),transparent 48%),rgba(12,34,55,.86); box-shadow:0 16px 38px rgba(0,0,0,.18); }
.request-card p:not(.eyebrow) { max-width:680px; margin:12px 0 0; color:var(--muted); line-height:1.6; }
form { margin-top:25px; }
label { display:block; margin-bottom:8px; color:#e3edf5; font-size:.9rem; font-weight:700; }
.form-row { display:flex; gap:12px; }
input { width:100%; min-width:0; padding:14px 16px; border:1px solid rgba(255,180,92,.45); border-radius:12px; outline:none; background:rgba(4,17,31,.55); color:var(--ice); font:inherit; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
input:focus { border-color:var(--cream); box-shadow:0 0 0 3px rgba(255,180,92,.2); }
.request-card button,.download { appearance:none; border:1px solid var(--orange); border-radius:12px; padding:14px 18px; color:#fff8ee; background:linear-gradient(135deg,#e56811,var(--orange)); box-shadow:0 10px 24px rgba(184,75,8,.26); font:inherit; font-weight:800; cursor:pointer; white-space:nowrap; transition:transform .16s ease,filter .16s ease; }
.request-card button:hover,.download:hover { filter:brightness(1.08); }.request-card button:active,.download:active { transform:scale(.98); }.request-card button:disabled { cursor:wait; opacity:.7; }
.result-title { margin:0; font-size:clamp(1.3rem,3vw,2rem); }.result-copy { margin:10px 0 0; color:var(--muted); line-height:1.55; }
.card-list { display:grid; gap:12px; margin-top:24px; }
.eqsl-card { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; padding:17px; border:1px solid rgba(255,180,92,.3); border-radius:16px; background:rgba(4,17,31,.42); }
.eqsl-card strong { display:block; color:var(--ice); font-size:1.02rem; }.eqsl-card span { display:block; margin-top:4px; color:var(--muted); font-size:.85rem; }
.download { display:inline-flex; justify-content:center; text-decoration:none; font-size:.9rem; }
.result.is-error { border-top:3px solid #e08989; }.result.is-error .result-copy { color:#ffc48b; }
.notice { margin-top:22px; padding:17px 19px; border-left:3px solid var(--orange); border-radius:0 14px 14px 0; background:rgba(245,138,31,.09); color:#dbe7f1; line-height:1.55; }.notice strong { color:#ffe0b7; }
[data-theme="light"] .eqsl-public { --bg:#eff5f9; --night:#edf4f8; --panel:#fff; --ice:#102a41; --muted:#4b6477; --line:rgba(184,95,15,.42); background:radial-gradient(circle at 8% 0%,rgba(245,138,31,.15),transparent 29rem),radial-gradient(circle at 93% 14%,rgba(255,180,92,.17),transparent 26rem),linear-gradient(155deg,#f8fbfd 0%,var(--night) 53%,#e4eff7 100%); }
[data-theme="light"] .eqsl-public .radio-background { background:radial-gradient(circle at 8% 0%,rgba(245,138,31,.12),transparent 29rem),radial-gradient(circle at 93% 14%,rgba(255,180,92,.15),transparent 26rem),linear-gradient(155deg,#f8fbfd 0%,var(--night) 53%,#e4eff7 100%); }
[data-theme="light"] .eqsl-public .hero { background:linear-gradient(90deg,rgba(245,138,31,.16),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(231,242,249,.94)); box-shadow:0 24px 64px rgba(7,47,79,.14),inset 0 1px 0 rgba(255,255,255,.75); }
[data-theme="light"] .eqsl-public .request-card, [data-theme="light"] .eqsl-public .result { border-color:rgba(12,62,95,.14); background:linear-gradient(105deg,rgba(245,138,31,.09),transparent 48%),rgba(255,255,255,.88); box-shadow:0 16px 38px rgba(7,47,79,.10); }
[data-theme="light"] .eqsl-public label { color:#24445b; }
[data-theme="light"] .eqsl-public input { border-color:rgba(184,95,15,.52); background:#fff; color:#102a41; }
[data-theme="light"] .eqsl-public .eqsl-card { background:rgba(245,250,253,.94); }
[data-theme="light"] .eqsl-public .notice { color:#29445a; background:rgba(245,138,31,.10); }
@media (max-width:820px) { .eqsl-public .header-actions { align-items:flex-start; flex-direction:column; gap:14px; }.eqsl-public .site-header nav { width:100%; justify-content:flex-start; flex-wrap:wrap; } }
@media (max-width:620px) { .request-shell { width:min(100% - 24px,960px); padding-top:18px; } .hero { border-radius:22px; } .form-row,.eqsl-card { grid-template-columns:1fr; display:grid; } .request-card button,.download { width:100%; } }
@media (prefers-reduced-motion: reduce) { .eqsl-public .radio-ring { animation:none !important; opacity:.07; transform:translate(50%,50%) scale(3.8); } }