:root{--bg:#0D1117;--surface:#141A21;--surface2:#1B222B;--gold:#D4AF37;--text:#F7F5F1;--muted:#B9BDC4;--line:#2A323D;--success:#166534}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.75}
button,a,input,select,textarea{font:inherit}.loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:100;transition:.35s}.loading.hidden{opacity:0;visibility:hidden}.loading-mark{display:grid;place-items:center;width:90px;height:90px;border:1px solid var(--gold);border-radius:20px;color:var(--gold);font-size:30px;font-weight:700}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px max(16px,calc((100vw - 1180px)/2));background:#0d1117e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;color:white;text-decoration:none;align-items:center}.brand img{width:46px;height:46px;object-fit:contain;background:white;border-radius:10px}.brand small{display:block;color:var(--gold);letter-spacing:1.5px}.install-btn{background:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:10px;padding:8px 14px}
main{max-width:1180px;margin:auto;padding:20px}.hero{position:relative;min-height:620px;border:1px solid #3B4652;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0007}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#05080cf5,#05080cbd 48%,#05080c38)}.hero-copy{position:relative;z-index:2;max-width:670px;padding:84px 58px}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:1px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.15;margin:16px 0}.hero p{font-size:19px;color:#E5E7EB}.actions,.trust{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid var(--gold);cursor:pointer}.primary{background:linear-gradient(135deg,#E4C366,#B98D26);color:#111}.secondary{color:white;background:#0d111799}.trust{color:var(--muted);font-size:14px}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.quick-card{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:white;text-decoration:none;text-align:right;cursor:pointer}.quick-card small{display:block;color:var(--muted)}.whatsapp{background:linear-gradient(135deg,#246C43,#1B5E38)}
.panel{margin-top:20px;padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--surface),#10151B)}.section-title span{color:var(--gold)}.section-title h2{margin:6px 0 24px;font-size:30px}.steps,.continuity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article,.continuity-grid article{padding:20px;background:var(--surface2);border:1px solid var(--line);border-radius:15px}.steps i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#111;font-style:normal;font-weight:700}.steps b{display:block;margin:12px 0}.steps p,.continuity-grid p{margin:0;color:var(--muted)}
.qr-panel{display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:34px}.qr-box{text-align:center;background:white;color:#111;padding:18px;border-radius:18px}.qr-box img{width:220px;max-width:100%}.qr-box small{display:block}
footer{max-width:1180px;margin:auto;padding:30px 20px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}footer b{color:white}footer small{display:block}
.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modal-card{width:min(780px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid #3B4652;border-radius:22px;padding:26px;position:relative}.close{position:absolute;left:16px;top:12px;background:transparent;color:white;border:0;font-size:34px;cursor:pointer}.modal-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.modal-head img{width:70px;height:70px;object-fit:contain;background:white;border-radius:12px}.modal-head h2{margin:0}.modal-head p{margin:4px 0;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-item{display:flex;align-items:center;gap:14px;padding:17px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);color:white;text-decoration:none;text-align:right;cursor:pointer}.contact-item span{font-size:24px}.contact-item small{display:block;color:var(--muted)}.contact-item:focus{outline:2px solid var(--gold);outline-offset:2px}.disabled-channel{opacity:.72}.fallback-note{margin-top:16px;padding:14px;border-radius:12px;background:#2B2413;color:#EAD89D}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(20px);background:white;color:#111;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:60}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.status-page{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.status-card{max-width:680px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.status-card h1{margin-top:0}.status-card p{color:var(--muted)}
@media(max-width:800px){main{padding:12px}.hero{min-height:690px}.hero-overlay{background:linear-gradient(180deg,#05080c48,#05080cf2 58%)}.hero-copy{padding:64px 24px}.hero h1{font-size:48px}.quick-actions,.steps,.continuity-grid,.qr-panel,.contact-grid{grid-template-columns:1fr}.panel{padding:24px}.trust{flex-direction:column;gap:6px}footer{flex-direction:column}.modal-card{padding:20px}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.panel,.quick-card{animation:fadeUp .65s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}