:root{--brand:#6d39f7;--brand-dark:#5125cf;--ink:#15131b;--muted:#6d6877;--line:#e9e6ef;--soft:#f7f6fa}*{box-sizing:border-box}body{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.brand{font-size:1.55rem;font-weight:800;letter-spacing:-1px}.brand span,.text-brand{color:var(--brand)!important}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.hero{background:radial-gradient(circle at 75% 30%,#ece5ff 0,transparent 36%),#fcfbfe}.eyebrow{color:var(--brand);font-weight:750;font-size:.76rem;letter-spacing:.13em}.calculator-card,.panel,.metric,.feature,.platform-card,.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(30,15,70,.05)}.calculator-card{padding:2rem}.fake-input{padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.trust{color:var(--muted);font-size:.9rem}.platform-card{padding:1.4rem .8rem;text-align:center;font-weight:700}.feature{height:100%;padding:1.8rem}.feature>b{color:var(--brand)}.feature h3{font-size:1.2rem;margin-top:1rem}.feature p{color:var(--muted);margin-bottom:0}.portal-sidebar{min-height:calc(100vh - 67px);border-right:1px solid var(--line);background:#fbfafe}.portal-sidebar .nav-link{color:#4b4653;border-radius:9px;padding:.65rem 1rem}.portal-sidebar .nav-link:hover{background:#eee9ff;color:var(--brand)}.metric{padding:1.3rem}.metric span{display:block;color:var(--muted);font-size:.88rem}.metric strong{display:block;font-size:1.7rem;margin-top:.35rem}.panel{padding:1.5rem}.auth-wrap{min-height:75vh;display:grid;place-items:center;padding:3rem 1rem;background:var(--soft)}.auth-card{width:min(440px,100%);padding:2rem}.auth-card.wide{width:min(560px,100%)}form p label{display:block;font-weight:600;margin-bottom:.4rem}form p input,form p select,form p textarea{display:block;width:100%;padding:.75rem;border:1px solid #d9d5df;border-radius:9px}form .helptext,form ul{font-size:.8rem;color:var(--muted)}.status{font-size:.77rem;font-weight:700;padding:.35rem .55rem;border-radius:999px;background:#eee}.status-completed{background:#ddf8e8;color:#13743b}.status-processing,.status-in_progress{background:#e8efff;color:#2456ac}.status-cancelled{background:#ffe8e8;color:#a52e2e}.wallet-hero{background:linear-gradient(120deg,#5c2ee2,#8d5cff);color:#fff;border-radius:20px;padding:2rem}.wallet-hero span,.wallet-hero strong{display:block}.wallet-hero strong{font-size:2.5rem;margin:.4rem 0 1.3rem}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.site-footer .footer-heading{font-size:.9rem;font-weight:750;margin:0}.site-footer .footer-promise{color:var(--ink);font-size:.92rem;font-weight:650}.site-footer .nav-link{color:var(--muted);font-size:.92rem}.site-footer .nav-link:hover{color:var(--brand)}.social-links{display:flex;flex-wrap:wrap;gap:.55rem}.social-links a{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.social-links a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}.faq-accordion .accordion-item{border-color:var(--line);overflow:hidden}.faq-accordion .accordion-button{font-weight:650;padding:1.15rem 1.25rem}.faq-accordion .accordion-button:not(.collapsed){background:#f4f0ff;color:var(--brand);box-shadow:none}.faq-accordion .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(109,57,247,.16)}@media(max-width:767px){.display-3{font-size:2.8rem}.hero .py-lg-5{padding-top:1rem}.panel{padding:1rem}}

/* =========================================================
   Popliva Minimal Global Header
   ========================================================= */

.popliva-header {
    min-height: 72px;
    z-index: 1030;
}

.popliva-header .container {
    min-height: 71px;
}

.popliva-header-logo {
    height: 40px;
    width: auto;
    display: block;
}

.header-action {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #25222d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease;
}

.header-action:hover,
.header-action:focus-visible {
    background: #f5f3f8;
    color: var(--brand);
}

.header-action .bi {
    font-size: 1.25rem;
    line-height: 1;
}

.header-cart-badge {
    position: absolute;
    top: 1px;
    right: -2px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    border: 2px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .65rem;
    font-weight: 700;
    line-height: 1;
}

.profile-trigger {
    padding: 3px 5px 3px 3px;
    border: 1px solid #ece9f0;
    border-radius: 999px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.profile-trigger:hover,
.profile-trigger:focus-visible,
.profile-trigger[aria-expanded="true"] {
    border-color: #d8d0e6;
    box-shadow: 0 4px 14px rgba(34, 24, 48, .08);
}

.header-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-size: .9rem;
    font-weight: 700;
}

.profile-chevron {
    font-size: .7rem;
    margin-right: 3px;
    color: #77717f;
}

.account-dropdown {
    width: 250px;
    margin-top: 10px !important;
    border-radius: 14px;
    padding: 8px;
}

.account-dropdown .dropdown-item {
    border-radius: 8px;
}

.header-signin {
    padding: .55rem 1rem;
    border-radius: 999px;
    font-weight: 600;
    color: #2a2630;
    background: #f5f3f8;
    border: 1px solid transparent;
}

.header-signin:hover,
.header-signin:focus {
    background: #ece7f3;
    color: var(--brand);
}

@media (max-width: 575.98px) {
    .popliva-header {
        min-height: 64px;
    }

    .popliva-header .container {
        min-height: 63px;
    }

    .popliva-header-logo {
        height: 34px;
    }

    .header-action {
        width: 38px;
        height: 38px;
    }

    .header-signin {
        padding: .45rem .8rem;
        font-size: .9rem;
    }

    .header-avatar {
        width: 34px;
        height: 34px;
    }

    .account-dropdown {
        width: min(250px, calc(100vw - 24px));
    }
}