:root{--nb-bg:#f6f8fc;--nb-ink:#111827;--nb-muted:#6b7280;--nb-card:#ffffff;--nb-line:#e5e7eb;--nb-primary:#0f4cff;--nb-primary-2:#0837b8;--nb-dark:#111827;--nb-soft:#eef4ff;--nb-success:#18c964;--nb-danger:#f31260;--nb-gold:#f6c85f;--nb-radius:24px;--nb-shadow:0 24px 60px rgba(15,23,42,.10)}
*{scroll-behavior:smooth} body{background:var(--nb-bg)!important;color:var(--nb-ink);font-family:Inter,'Plus Jakarta Sans',Figtree,Poppins,Montserrat,system-ui,-apple-system,Segoe UI,sans-serif!important}.nb-container{max-width:1180px;margin:0 auto;padding:0 24px}.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:13px 22px;font-weight:800;transition:.25s all;text-decoration:none}.nb-btn-primary{background:linear-gradient(135deg,var(--nb-primary),#6d5dfc);color:#fff!important;box-shadow:0 18px 36px rgba(15,76,255,.28)}.nb-btn-primary:hover{transform:translateY(-2px);filter:saturate(1.15)}.nb-btn-soft{background:#fff;color:var(--nb-ink)!important;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 30px rgba(15,23,42,.10)}.nb-card{background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.9);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);backdrop-filter:blur(16px)}.nb-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#eef4ff;color:#0f4cff;font-weight:800;font-size:13px}.nb-gradient-text{background:linear-gradient(120deg,#0f4cff,#7c3aed,#111827);-webkit-background-clip:text;background-clip:text;color:transparent}.nb-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(15,76,255,.18),transparent 28%),radial-gradient(circle at 80% 0,rgba(124,58,237,.16),transparent 26%),linear-gradient(180deg,#fff 0%,#f6f8fc 100%);padding:120px 0 80px}.nb-hero h1{font-size:clamp(42px,7vw,86px);line-height:.96;letter-spacing:-.06em;font-weight:950}.nb-hero p{font-size:clamp(17px,2vw,22px);line-height:1.7;color:#475569}.nb-phone{border-radius:38px;background:#0b1020;padding:14px;box-shadow:0 40px 80px rgba(2,6,23,.30);transform:rotate(3deg)}.nb-phone-screen{border-radius:28px;background:linear-gradient(180deg,#fff,#eef4ff);padding:22px;min-height:450px}.nb-bank-card{border-radius:26px;padding:24px;min-height:180px;background:linear-gradient(135deg,#111827,#0f4cff 55%,#7c3aed);color:#fff;box-shadow:0 28px 60px rgba(15,76,255,.32);position:relative;overflow:hidden}.nb-bank-card:after{content:"";position:absolute;inset:auto -50px -80px auto;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.15)}.nb-section{padding:84px 0}.nb-grid{display:grid;gap:24px}.nb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nb-feature{padding:28px}.nb-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#0f4cff,#6d5dfc);color:#fff;display:grid;place-items:center;font-weight:900}.nb-table{width:100%;border-collapse:separate;border-spacing:0 12px}.nb-table th{text-align:left;color:#64748b;font-size:13px}.nb-table td{background:#fff;padding:16px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.nb-table td:first-child{border-left:1px solid #e5e7eb;border-radius:16px 0 0 16px;font-weight:800}.nb-table td:last-child{border-right:1px solid #e5e7eb;border-radius:0 16px 16px 0}.nb-footer{background:#08111f;color:#cbd5e1;padding:70px 0 30px}.nb-footer a{color:#e5e7eb;text-decoration:none}.nb-footer h4{color:#fff;font-weight:900;margin-bottom:14px}.premium-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(15,76,255,.12),transparent 26%),linear-gradient(180deg,#f8fbff,#eef3fb)}.premium-shell nav{backdrop-filter:blur(18px);background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 10px 30px rgba(15,23,42,.06)}.premium-shell header{border:0!important;box-shadow:none!important;background:transparent!important}.premium-shell main>.py-12,.premium-shell main>div>.py-12{padding-top:32px!important}.premium-shell .bg-white,.premium-shell .dark\:bg-gray-800{border-radius:22px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;border:1px solid rgba(226,232,240,.85)!important}.premium-shell .shadow-sm{box-shadow:0 18px 45px rgba(15,23,42,.08)!important}.premium-shell a,.premium-shell button{transition:.2s all}.premium-shell button:hover,.premium-shell a:hover{transform:translateY(-1px)}.premium-shell .rounded-lg{border-radius:18px!important}.premium-shell .bg-blue-600,.premium-shell .dark\:bg-blue-500{background:linear-gradient(135deg,#0f4cff,#6d5dfc)!important}.premium-shell .text-blue-600,.premium-shell .dark\:text-blue-400{color:#0f4cff!important}.premium-shell table{border-collapse:separate;border-spacing:0 8px}.premium-shell th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.premium-shell td{background:rgba(255,255,255,.72);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.premium-shell td:first-child{border-left:1px solid #e5e7eb;border-radius:14px 0 0 14px}.premium-shell td:last-child{border-right:1px solid #e5e7eb;border-radius:0 14px 14px 0}.nb-auth{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(15,76,255,.20),transparent 28%),linear-gradient(135deg,#08111f,#10204a 52%,#f6f8fc 52%);display:flex;align-items:center;justify-content:center;padding:28px}.nb-auth-card{width:100%;max-width:460px;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 35px 90px rgba(2,6,23,.22);padding:34px;border:1px solid rgba(255,255,255,.7)}@media(max-width:900px){.nb-grid-3,.nb-grid-4{grid-template-columns:1fr}.nb-hero{padding:90px 0 50px}.nb-phone{transform:none}.nb-section{padding:56px 0}.nb-container{padding:0 16px}}
/* ===========================
   Responsive Header
=========================== */

.desktop-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex:1;
}

.desktop-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.mobile-menu-button{
    display:none;
}

/* Mobile */

@media (max-width:991px){

    .desktop-menu{
        display:none !important;
    }

    .desktop-actions{
        display:none !important;
    }

    .mobile-menu-button{
        display:flex !important;
        width:44px;
        height:44px;
        border-radius:14px;
        align-items:center;
        justify-content:center;
        background:#f3f4f6;
        margin-left:auto;
        cursor:pointer;
    }

}
