:root{--bg:#0b0d13;--card:#151a26;--gold:#e8b84a;--txt:#d9dce6;--mut:#8a90a3;--blue:#4aa3e8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,sans-serif}
a{color:var(--blue);text-decoration:none}nav{display:flex;gap:20px;align-items:center;padding:14px 5%;background:#0009;border-bottom:1px solid #ffffff14;flex-wrap:wrap}
nav b{color:var(--gold);font-size:1.3em;margin-right:auto}nav a{color:var(--txt)}nav a:hover{color:var(--gold)}
.hero{text-align:center;padding:90px 5% 60px}.hero h1{font-size:3em;margin:0;color:var(--gold);text-shadow:0 0 30px #e8b84a55}
.btn{display:inline-block;background:var(--gold);color:#111;font-weight:700;padding:12px 26px;border:0;border-radius:8px;cursor:pointer;margin:6px}.btn.o{background:none;border:1px solid var(--gold);color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:1000px;margin:30px auto;padding:0 5%}
.card{background:var(--card);border:1px solid #ffffff12;border-radius:12px;padding:22px;max-width:100%}
main{max-width:520px;margin:40px auto;padding:0 5%}.wide{max-width:900px}
input{width:100%;padding:11px;margin:6px 0 14px;background:#0b0d13;border:1px solid #ffffff22;border-radius:8px;color:var(--txt)}
.ok{color:#5be08a}.err{color:#ff6b6b}.on{color:#5be08a}.off{color:#ff6b6b}code{background:#000;padding:3px 8px;border-radius:5px;color:var(--gold)}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #ffffff14;text-align:left}footer{text-align:center;color:var(--mut);padding:40px 5%;font-size:.85em}

body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(8,10,16,.45),rgba(8,10,16,.8)),url(fondo.jpg) center/cover no-repeat}
nav{background:rgba(6,8,14,.8);backdrop-filter:blur(6px)}
.card{background:rgba(12,16,26,.84);backdrop-filter:blur(6px);border-color:#4aa3e833}
.hero h1,.hero p{text-shadow:0 2px 12px #000,0 0 30px #000}.hero p{font-size:1.15em;color:#fff}
footer{color:#b5bbcf;text-shadow:0 1px 6px #000}