/* NAVITAG DARK GLASS – MORE TRANSPARENT UPDATE V2 */
:root{
    --navitag-dark:#061A33;
    --navitag-dark-2:#0B2A55;
    --navitag-glow:#5DB7FF;
    --navitag-green:#48B749;
    --navitag-text:#F8FAFC;
    --navitag-muted:#C9D6E8;
    --navitag-border:rgba(255,255,255,.22);
}

html,body{
    min-height:100%;
    background:
        radial-gradient(circle at 16% 18%, rgba(93,183,255,.38) 0, rgba(93,183,255,.20) 12%, transparent 30%),
        radial-gradient(circle at 84% 14%, rgba(147,197,253,.34) 0, rgba(147,197,253,.16) 14%, transparent 32%),
        radial-gradient(circle at 74% 82%, rgba(72,183,73,.18) 0, rgba(72,183,73,.08) 13%, transparent 33%),
        linear-gradient(135deg,#061A33 0%,#0B2A55 48%,#061A33 100%) !important;
    color:var(--navitag-text)!important;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,.08) 0 1px, transparent 2px),
        radial-gradient(circle at 70% 65%, rgba(255,255,255,.06) 0 1px, transparent 2px);
    background-size:42px 42px,58px 58px;
    opacity:.55;
}

.landing-page,.hero,.profile-page,.profile-page-body,.privacy-page{
    background:
        radial-gradient(circle at 15% 16%, rgba(93,183,255,.42) 0, rgba(93,183,255,.19) 13%, transparent 32%),
        radial-gradient(circle at 82% 12%, rgba(125,211,252,.34) 0, rgba(125,211,252,.14) 15%, transparent 34%),
        radial-gradient(circle at 72% 86%, rgba(72,183,73,.20) 0, rgba(72,183,73,.08) 14%, transparent 34%),
        linear-gradient(135deg,#061A33 0%,#0B2A55 50%,#061A33 100%) !important;
}

.card,
.auth-box,
.feature-card-fixed,
.profile-shell,
.navitag-cookie-card{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:
        0 30px 80px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.35)!important;
    backdrop-filter:blur(28px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(160%)!important;
    color:var(--navitag-text)!important;
    position:relative;
    overflow:hidden;
}

.card::before,
.auth-box::before,
.feature-card-fixed::before,
.profile-shell::before,
.navitag-cookie-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(255,255,255,.24),rgba(255,255,255,.05) 38%,transparent 62%);
    pointer-events:none;
    z-index:0;
}

.card > *,
.auth-box > *,
.feature-card-fixed > *,
.profile-shell > *,
.navitag-cookie-card > *{
    position:relative;
    z-index:1;
}

.feature-item-fixed,
.info,
.info-box,
.privacy-meta,
.privacy-note,
.geo-info-box,
.feature-note-fixed{
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    color:var(--navitag-text)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
}

.feature-icon-fixed,
.feature-bone-fixed{
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

h1,h2,h3,.landing-title-fixed,.feature-card-head-fixed h2,.profile-title,.profile-name,.privacy-card h1,.privacy-card h2{
    color:#FFFFFF!important;
}

p,li,.small,.landing-subtitle-fixed,.feature-item-fixed span,.privacy-card p,.privacy-card li,.navitag-cookie-card p{
    color:var(--navitag-muted)!important;
}

.feature-item-fixed strong{color:#FFFFFF!important;}

.logo-text{color:#FFFFFF!important;}
.logo-text span{color:#7DD3FC!important;}
.tagline{color:rgba(255,255,255,.68)!important;}

.logo-mark{
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.25)!important;
}

.btn-primary{
    color:#061A33!important;
    background:linear-gradient(135deg,#FFFFFF,#93C5FD)!important;
    box-shadow:0 16px 36px rgba(93,183,255,.28)!important;
}

.btn-outline{
    color:#FFFFFF!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.26)!important;
}

.btn-green{
    color:#061A33!important;
    background:linear-gradient(135deg,#B6F7C1,#48B749)!important;
}

.nav a{
    color:rgba(255,255,255,.78)!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
}

.nav a.active,.nav a:hover{
    color:#061A33!important;
    background:linear-gradient(135deg,#FFFFFF,#BFDBFE)!important;
}

.input,textarea,select{
    color:#FFFFFF!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.20)!important;
}

.input::placeholder,textarea::placeholder{color:rgba(255,255,255,.55)!important;}

.input:focus,textarea:focus{
    border-color:rgba(147,197,253,.85)!important;
    box-shadow:0 0 0 4px rgba(93,183,255,.18)!important;
}

.badge,.landing-pill-fixed{
    background:rgba(125,211,252,.16)!important;
    color:#E0F2FE!important;
    border:1px solid rgba(125,211,252,.26)!important;
}

.landing-legal-fixed a,.landing-legal-links a,.legal-auth-links a{color:#DBEAFE!important;}
.landing-legal-fixed a:hover,.landing-legal-links a:hover,.legal-auth-links a:hover{color:#FFFFFF!important;}

.profile-hero,.cover{
    background:
        radial-gradient(circle at 20% 20%, rgba(147,197,253,.44), transparent 34%),
        radial-gradient(circle at 86% 20%, rgba(72,183,73,.22), transparent 32%),
        linear-gradient(135deg,#031225,#0B2A55)!important;
}

.avatar{
    border-color:rgba(255,255,255,.72)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.38)!important;
}

.privacy-note,.geo-info-box,.feature-note-fixed{
    color:#FDECC8!important;
}

.privacy-note strong,.feature-note-fixed strong{color:#FFFFFF!important;}

@media(max-width:700px){
    .card,.auth-box,.feature-card-fixed,.profile-shell{
        background:rgba(255,255,255,.10)!important;
        backdrop-filter:blur(22px) saturate(155%)!important;
        -webkit-backdrop-filter:blur(22px) saturate(155%)!important;
    }
}