:root{--info-bg:#f4f7fa;--info-card:#fff;--info-text:#172033;--info-muted:#5d6b7a;--info-border:#d7e1ea;--info-blue:#075985;--info-orange:#f97316}
*{box-sizing:border-box}body{margin:0;background:var(--info-bg);color:var(--info-text);font-family:Arial,sans-serif;line-height:1.65}.info-nav{display:flex;align-items:center;justify-content:center;gap:18px;background:#075985;padding:14px 20px}.info-nav a{color:#fff;text-decoration:none;font-weight:700}.info-brand{font-size:22px!important;margin-right:18px}.info-brand span{color:#ff8a1f}.info-hero{text-align:center;padding:42px 20px 20px}.info-hero h1{font-size:36px;margin:0 0 8px;color:var(--info-blue)}.info-hero p{margin:0;color:var(--info-muted)}.info-card{max-width:880px;margin:20px auto 48px;padding:32px;background:var(--info-card);border:1px solid var(--info-border);border-radius:14px;box-shadow:0 7px 24px rgba(15,23,42,.07)}.info-card h2{color:var(--info-blue);margin:28px 0 8px}.info-card h2:first-child{margin-top:0}.info-card a{color:var(--info-blue)}.info-note{padding:14px 16px;background:#eaf5fb;border-left:4px solid #0b70a5;border-radius:8px}.info-form{display:grid;gap:7px}.info-form label{font-weight:700;margin-top:8px}.info-form input,.info-form select,.info-form textarea{width:100%;padding:12px;border:1px solid #bfcbd6;border-radius:8px;background:#fff;color:#172033;font:inherit}.info-form textarea{min-height:150px;resize:vertical}.info-form button{width:max-content;min-width:170px;margin-top:10px;padding:11px 18px;border:0;border-radius:8px;background:var(--info-blue);color:#fff;font-weight:700;cursor:pointer}.info-message{display:none;margin-top:16px;padding:13px;border-radius:8px}.info-message.success{display:block;background:#e9f8ef;color:#166534}.info-message.error{display:block;background:#feecec;color:#991b1b}.info-footer{text-align:center;padding:25px 16px;color:var(--info-muted)}.info-footer a{color:inherit;margin:0 8px}
html[data-theme="dark"]{--info-bg:#071525;--info-card:#0d2033;--info-text:#edf4fb;--info-muted:#aebdd0;--info-border:#29455f;--info-blue:#38bdf8}html[data-theme="dark"] .info-form input,html[data-theme="dark"] .info-form select,html[data-theme="dark"] .info-form textarea{background:#122a40;color:#edf4fb;border-color:#3a5872}html[data-theme="dark"] .info-note{background:#102a40}
@media(max-width:760px){.info-nav{justify-content:flex-start;overflow-x:auto;padding:12px 56px 12px 12px;white-space:nowrap}.info-brand{margin-right:5px}.info-hero{padding:28px 16px 12px}.info-hero h1{font-size:29px}.info-card{margin:14px 12px 90px;padding:21px}.info-card h2{font-size:21px}}