/* NAVBAR CSS
   Existing layout uses Tailwind CSS utility classes.
   Required shared dependencies:
   <script src="https://cdn.tailwindcss.com"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
*/
#nx-navbar .g, #nx-footer .g {
    background: linear-gradient(135deg, #0057FF, #00C2FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: #38bdf8;
    -webkit-text-fill-color: transparent;
}
#nx-navbar .btn, #nx-mmenu .btn {
    background: linear-gradient(135deg, #0057FF, #00C2FF);
    transition: .3s;
}
#nx-navbar .btn:hover, #nx-mmenu .btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0,87,255,.4);
}
/* Navbar inline styling and Tailwind classes are retained in NAV HTML. */
#nx-navbar {position:fixed;top:0;left:0;width:100%;z-index:1000;border:0;border-radius:0;font-family:Inter,Arial,sans-serif;line-height:1.5}#nx-navbar a,#nx-footer a,#nx-mmenu a{text-decoration:none}#nx-navbar button{background:transparent;border:0;padding:0}#nx-mmenu{z-index:999;font-family:Inter,Arial,sans-serif}#nx-footer{position:relative;width:100%;text-align:left;font-family:Inter,Arial,sans-serif;line-height:1.5}#nx-footer h3,#nx-footer h4{color:white}#nx-navbar .nx-category summary{font-size:14px} .nx-ticker{overflow:hidden;background:#0b286b;color:#fff;font-size:13px;line-height:28px}.nx-ticker-track{display:flex;width:max-content;gap:4rem;animation:nx-ticker 28s linear infinite}.nx-ticker:hover .nx-ticker-track,.nx-ticker:focus-within .nx-ticker-track{animation-play-state:paused}@keyframes nx-ticker{from{transform:translateX(-100%)}to{transform:translateX(100vw)}}
@media(prefers-reduced-motion:reduce){.nx-ticker-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}#nx-mmenu{transition:none}}
.nx-notice{margin:0 auto 24px;max-width:900px;background:#fee2e2;color:#991b1b;padding:24px;border-radius:14px}.nx-notice a{color:#991b1b;text-decoration:underline}

#nx-navbar{height:auto;display:block;padding:0;min-height:64px}#nx-footer{background:#000;color:#fff;padding:64px 0;margin:0;border-top:1px solid #ffffff1a;font-size:16px}#nx-footer p{font-size:inherit}#nx-navbar .btn,#nx-mmenu .btn{border:0;letter-spacing:normal;width:auto}#nx-navbar a{line-height:1.5}#nx-navbar .max-w-7xl{width:100%}

#nx-mbtn{min-width:32px;min-height:32px;display:grid;place-items:center}@media(min-width:1024px){#nx-mbtn{display:none}}

.nx-password-wrap{display:block;position:relative;width:100%}.nx-password-wrap input{padding-right:48px!important}.nx-password-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2055b5!important;background:transparent!important;border:0;padding:4px;cursor:pointer}.nx-password-eye[aria-pressed=true]{color:#086c42!important}
body input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=submit]):not([type=button]),body textarea,body select{color:#111827!important;background-color:#fff!important;caret-color:#111827}input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1}
.nx-profile-circle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4167ab;border-radius:50%;background:#12254c;color:#a9ccff}.nx-profile-divider{height:25px;border-left:1px solid #586782;margin-right:12px}.nx-ticker-track{animation-name:nx-ticker-visible;min-width:100%;justify-content:center}@keyframes nx-ticker-visible{0%,15%{transform:translateX(0)}80%{transform:translateX(100vw)}80.1%{transform:translateX(-100%)}100%{transform:translateX(0)}}

select option,select optgroup{background:#fff!important;color:#111827!important}textarea,input,select{line-height:1.5} .nx-article p{margin-bottom:1.25rem;line-height:1.85}

.nx-tool-guide{box-sizing:border-box;clear:both;position:relative;max-width:1100px;margin:64px auto;padding:40px 32px;background:#0c101e;border:1px solid #ffffff18;border-radius:24px;color:#cbd5e1;font:400 16px/1.85 Inter,system-ui,sans-serif;text-align:left}.nx-tool-guide h2{font-size:clamp(26px,4vw,38px);line-height:1.25;color:#f8fafc;margin:0 0 20px}.nx-tool-guide h3{font-size:23px;line-height:1.4;margin:36px 0 14px;color:#f8fafc}.nx-tool-guide p{margin:0 0 18px}.nx-tool-guide a{color:#67d7ff;text-decoration:underline}.nx-tool-guide details{padding:18px 0;border-bottom:1px solid #ffffff20}.nx-tool-guide summary{cursor:pointer;font-weight:600}.nx-tool-guide .nx-guide-eyebrow{font-size:12px;color:#38bdf8;letter-spacing:.12em}.nx-tool-guide header{border-bottom:1px solid #ffffff20;padding-bottom:24px}.nx-ad-zone{margin-block:150px;min-height:150px}.nx-document-toolbar{display:flex;gap:12px;flex-wrap:wrap;padding:16px;background:#0c101e;color:white;border-radius:12px;margin:16px}.nx-document-toolbar button,.nx-document-toolbar select{padding:8px 12px;border:1px solid #334155;border-radius:8px;background:#172033;color:white}
@media(max-width:640px){.nx-tool-guide{margin:32px 12px;padding:24px 18px}.nx-tool-guide h3{font-size:20px}}

#nx-mmenu.translate-x-full{visibility:hidden;pointer-events:none}