:root{--blue:#1769e0;--cyan:#29b6f6;--ink:#12304a;--muted:#64748b;--ok:#14945f;--danger:#d84a4a}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 15% 10%,#cdeaff 0,transparent 28%),radial-gradient(circle at 90% 15%,#d9fff1 0,transparent 25%),linear-gradient(135deg,#eef7ff,#f8fbff 48%,#eefcf8)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
.top{padding:24px max(20px,5vw)}
.brand{display:flex;align-items:center;gap:12px}
.brand .mark{width:50px;height:50px;border-radius:18px;background:rgba(255,255,255,.65);box-shadow:0 12px 35px #2979ff22,inset 0 1px #fff;display:grid;place-items:center;font-size:25px}
.brand b{font-size:20px}
.brand span{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.wrap{width:min(980px,92vw);margin:30px auto 70px}
.glass{background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:28px;box-shadow:0 24px 70px #325d8f1f,inset 0 1px 0 #fff;padding:clamp(22px,4vw,42px)}
h1{font-size:clamp(28px,5vw,48px);line-height:1.04;margin:0 0 12px;letter-spacing:-1.5px}
.lead{color:var(--muted);font-size:17px;max-width:700px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:rgba(255,255,255,.58);border:1px solid #ffffffd9;border-radius:20px;padding:18px;box-shadow:0 14px 34px #3e709018}
.card label,.field label{display:block;font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.card strong{font-size:16px}
.field{margin-top:18px}
input[type=text],input[type=password],input[type=file]{width:100%;border:1px solid #cbd9e8;background:#ffffffc9;border-radius:16px;padding:15px 16px;font-size:16px;outline:none;transition:.2s}
input:focus{border-color:#6db5ff;box-shadow:0 0 0 4px #2d8cff19}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:14px 20px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;transition:.2s;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 12px 28px #1976d23b}
.btn:hover{transform:translateY(-2px)}
.btn.secondary{background:#ffffffc9;color:var(--ink);border:1px solid #dce8f3;box-shadow:none}
.notice{padding:14px 16px;border-radius:16px;margin:16px 0;background:#eaf7ff;border:1px solid #cfe9ff}
.error{background:#fff0f0;border-color:#ffd0d0;color:#9a2929}
.ok{background:#eafaf3;border-color:#c8f0dc;color:#116844}
.steps{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.step{padding:8px 12px;border-radius:999px;background:#ffffff9e;border:1px solid #fff;font-size:13px;color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #dce7f0;font-size:14px}
.table th{font-size:12px;color:var(--muted);text-transform:uppercase}
.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#e8f2ff;color:#155ab6}
.badge.ok{background:#e8f8ef;color:#13714b}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.small{font-size:13px;color:var(--muted)}

/* PANEL DESTACADO */
.important-notice{display:flex;align-items:center;gap:18px;margin:25px 0;padding:22px;border-radius:24px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(219,234,254,.95));box-shadow:0 15px 35px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.80);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.25s ease}
.important-notice:hover{transform:translateY(-2px)}
.important-icon{display:flex;align-items:center;justify-content:center;min-width:72px;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 25px rgba(23,105,224,.25);color:#fff;font-size:34px}
.important-content{flex:1}
.important-content h3{margin:0 0 12px;color:var(--ink);font-size:24px;font-weight:800}
.important-content p{margin:0;line-height:1.7;color:#334155;font-size:15px}
.important-size{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;border-radius:14px;background:#fff4e5;border:1px solid #ffd7a0;color:#9a4b00;font-size:14px;font-weight:800}
.important-size strong{color:#b91c1c}

@media(max-width:700px){
.grid{grid-template-columns:1fr}
.glass{border-radius:22px}
.wrap{margin-top:10px}
.important-notice{flex-direction:column;text-align:center}
.important-icon{width:65px;height:65px;min-width:65px}
.important-content h3{font-size:22px}
}
h1{
    text-align:center;
    width:100%;
}