:root{--bg:#f5f9ff;--panel:#fff;--line:#dce6f7;--text:#17355f;--muted:#6780a5;--primary:#1f5eff;--secondary:#8a4dff;--teal:#1dc7c6}
body{margin:0;font-family:Arial,"Segoe UI",Tahoma,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:var(--text)}
.hero-head{padding:24px 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand-lockup{display:flex;align-items:center;gap:14px}.logo-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:900;font-size:24px;box-shadow:0 16px 30px rgba(31,94,255,.22)}
.brand-lockup h1{margin:0;font-size:32px}.brand-lockup p{margin:4px 0 0;color:var(--muted)}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.head-actions a{text-decoration:none;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--text);font-weight:800}
.hero-panel{margin:20px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;padding:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#ffffff,#f5f9ff);box-shadow:0 18px 50px rgba(31,94,255,.08)}.pill{display:inline-block;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:800}.hero-panel h2{font-size:42px;line-height:1.15;margin:14px 0 10px}.hero-panel p{color:var(--muted);line-height:1.9}.hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(31,94,255,.06)}.metric span{display:block;color:var(--muted)}.metric strong{display:block;font-size:24px;margin-top:8px}
main{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;padding:0 20px 20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(31,94,255,.06)}label{display:block;margin-top:10px;color:#5273a9;font-weight:700}input{width:100%;padding:12px;border-radius:12px;border:1px solid #cad8f0;background:#fff;color:var(--text);box-sizing:border-box}button{margin:10px 8px 10px 0;padding:11px 15px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;cursor:pointer;font-weight:800}button:hover{opacity:.96}pre{direction:ltr;text-align:left;white-space:pre-wrap;background:#11234a;border:1px solid #1a356f;padding:14px;border-radius:14px;max-height:480px;overflow:auto;color:#dbe8ff}.row{display:flex;gap:8px;flex-wrap:wrap}footer{padding:16px;text-align:center;color:#9f6f2c;background:rgba(255,255,255,.75);border-top:1px solid var(--line)}@media (max-width:900px){.hero-head,.hero-panel{grid-template-columns:1fr;display:grid}.head-actions{justify-content:flex-start}.hero-panel h2{font-size:32px}}