:root{
    --brand:#2563eb;
    --brand-dark:#1d4ed8;
    --text:#0f172a;
    --muted:#475569;
    --bg1:#f8fafc;
    --bg2:#ffffff;
    --card:#ffffff;
    --radius:14px;
}

html{
    scroll-behavior:smooth;
}

body.public-site{
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--text);
    background:linear-gradient(180deg,var(--bg1) 0%, var(--bg2) 45%, #f1f5ff 100%);
}

/* Navbar */
body.public-site .navbar{
    background:linear-gradient(90deg,#0f172a 0%,#1f2937 100%) !important;
    box-shadow:0 10px 30px rgba(2,6,23,0.18);
}

body.public-site .navbar-brand img{
    max-height:100px;
    height:auto;
}

body.public-site .navbar .nav-link{
    color:rgba(255,255,255,0.92) !important;
    font-weight:600;
    padding:.65rem 1rem;
    border-radius:999px;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}

body.public-site .navbar .nav-link:hover{
    background:rgba(37,99,235,0.18);
    color:#ffffff !important;
}

/* Premium sections */
body.public-site .section-wrap{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(15,23,42,0.10);
    border-radius:22px;
    padding:34px 22px;
    box-shadow:0 18px 50px rgba(2,6,23,0.07);
    backdrop-filter:blur(10px);
}

body.public-site .section-title{
    letter-spacing:-0.02em;
    font-weight:900;
}
body.public-site .section-title .underline{
    display:inline-block;
    position:relative;
}
body.public-site .section-title .underline:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    height:3px;
    width:100%;
    background:linear-gradient(90deg,var(--brand) 0%, #22c55e 100%);
    border-radius:999px;
}

/* Home slider */
body.public-site .slider-item{
    height:560px;
    background-size:cover;
    background-position:center;
    position:relative;
}
body.public-site .slider-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(2,6,23,0.78) 0%, rgba(2,6,23,0.35) 55%, rgba(2,6,23,0.05) 100%);
}
body.public-site .slider-content{
    position:absolute;
    bottom:55px;
    left:50px;
    z-index:1;
    background:rgba(2,6,23,0.70);
    color:#fff;
    padding:24px 26px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,0.12);
    backdrop-filter:blur(10px);
}
body.public-site .slider-content h3{
    font-size:1.65rem;
    margin:0 0 .5rem 0;
}
body.public-site .slider-content p{
    color:rgba(255,255,255,0.86);
    margin:0 0 1rem 0;
}
body.public-site .slider-content .btn{
    border-radius:999px;
    padding:.65rem 1.1rem;
    font-weight:700;
}

/* Cards */
body.public-site .card{
    border:1px solid rgba(15,23,42,0.10);
    border-radius:18px;
    box-shadow:0 18px 55px rgba(2,6,23,0.06);
    background:rgba(255,255,255,0.92);
}
body.public-site .card:hover{
    transform:translateY(-2px);
    transition:transform .2s ease,box-shadow .2s ease;
    box-shadow:0 18px 55px rgba(2,6,23,0.10);
}
body.public-site .card-img-top{
    border-top-left-radius:var(--radius);
    border-top-right-radius:var(--radius);
}

/* Primary button */
body.public-site .btn-primary{
    background:var(--brand);
    border-color:var(--brand-dark);
    box-shadow:0 10px 25px rgba(37,99,235,0.25);
    border-radius:999px;
    padding:.65rem 1.15rem;
    font-weight:900;
}
body.public-site .btn-primary:hover{
    background:var(--brand-dark);
    border-color:var(--brand-dark);
}

body.public-site .btn-outline-primary{
    border-radius:999px;
    padding:.65rem 1.15rem;
    font-weight:900;
    border-width:2px;
}
body.public-site .btn-outline-primary:hover{
    background:rgba(37,99,235,0.10);
    border-color:var(--brand);
    color:#1d4ed8;
}

/* Stats */
body.public-site .stat-box{
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(15,23,42,0.08);
    border-radius:18px;
    padding:26px 18px;
    box-shadow:0 12px 35px rgba(2,6,23,0.05);
    backdrop-filter:blur(10px);
}
body.public-site .stat-box i{
    color:var(--brand) !important;
}

/* Uye cards */
body.public-site .uye-card{
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease;
}
body.public-site .uye-card:hover{
    transform:scale(1.02);
}

/* OwlCarousel controls (slider) */
body.public-site .owl-theme .owl-dots .owl-dot span{
    background:rgba(255,255,255,0.55) !important;
    width:10px !important;
    height:10px !important;
    margin:0 6px !important;
    border-radius:999px !important;
}
body.public-site .owl-theme .owl-dots .owl-dot.active span{
    background:rgba(37,99,235,0.95) !important;
}
body.public-site .owl-theme .owl-nav [class*=owl-]{
    background:rgba(255,255,255,0.12) !important;
    border:1px solid rgba(255,255,255,0.20) !important;
    color:#fff !important;
    border-radius:999px;
    width:44px;
    height:44px;
    line-height:44px;
    transition:transform .15s ease, background .15s ease;
}
body.public-site .owl-theme .owl-nav [class*=owl-]:hover{
    background:rgba(37,99,235,0.25) !important;
    transform:translateY(-1px);
}

/* Footer */
body.public-site .footer{
    background:#0f172a;
    color:#fff;
    padding:56px 0;
    margin-top:60px;
}
body.public-site .footer a.text-white{
    text-decoration:none;
}
body.public-site .footer a.text-white:hover{
    color:#93c5fd !important;
}

/* Images in modals */
body.public-site .modal-body img{
    max-width:220px;
    margin-bottom:20px;
}

body.public-site .haber-detay{
    border-radius:18px;
}
body.public-site .haber-icerik{
    color:rgba(15,23,42,0.78);
    line-height:1.7;
    font-weight:500;
    word-break:break-word;
}

@media (max-width:768px){
    body.public-site .slider-content{
        left:20px;
        right:20px;
        bottom:30px;
    }
    body.public-site .slider-item{
        height:460px;
    }
}

/* Top strip + premium navbar behavior */
body.public-site .top-strip{
    background:linear-gradient(90deg, rgba(15,23,42,0.05) 0%, rgba(37,99,235,0.08) 100%);
    border-bottom:1px solid rgba(15,23,42,0.06);
}
body.public-site .top-strip-item{
    color:rgba(15,23,42,0.75);
    font-size:.92rem;
    font-weight:600;
}
body.public-site .site-navbar{
    position:sticky;
    top:0;
    z-index:1030;
    backdrop-filter:blur(10px);
}
body.public-site .brand-text .brand-name{
    font-weight:1000;
    letter-spacing:-0.02em;
    line-height:1.1;
    font-size:1.02rem;
}
body.public-site .brand-text .brand-tag{
    font-size:.78rem;
    line-height:1.1;
    max-width:420px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Page hero blocks */
body.public-site .hero{
    border-radius:26px;
    border:1px solid rgba(15,23,42,0.10);
    box-shadow:0 18px 55px rgba(2,6,23,0.06);
    overflow:hidden;
    background:
        radial-gradient(900px circle at 10% 0%, rgba(37,99,235,0.18) 0%, rgba(37,99,235,0.02) 45%, rgba(15,23,42,0) 60%),
        linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.62) 100%);
}
body.public-site .hero-inner{
    padding:34px 26px;
}
body.public-site .hero-kicker{
    display:inline-flex;
    gap:10px;
    align-items:center;
    color:rgba(15,23,42,0.7);
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-size:.86rem;
}
body.public-site .hero-kicker .dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--brand) 0%, #22c55e 100%);
    box-shadow:0 0 0 5px rgba(37,99,235,0.10);
}
body.public-site .hero h1{
    font-weight:1000;
    letter-spacing:-0.03em;
    line-height:1.1;
}
body.public-site .hero p{
    color:rgba(15,23,42,0.72);
    font-size:1.04rem;
    margin:14px 0 0 0;
}

body.public-site .page-hero{
    border-radius:22px;
    border:1px solid rgba(15,23,42,0.10);
    overflow:hidden;
    background:
        radial-gradient(720px circle at 15% -15%, rgba(37,99,235,0.28) 0%, rgba(37,99,235,0.02) 55%, rgba(15,23,42,0) 60%),
        linear-gradient(180deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.60) 100%);
}
body.public-site .page-hero-inner{
    padding:22px 18px;
}
body.public-site .breadcrumbs{
    color:rgba(15,23,42,0.55);
    font-weight:700;
    font-size:.95rem;
}
body.public-site .breadcrumbs a{
    color:rgba(37,99,235,0.95);
    text-decoration:none;
}
body.public-site .breadcrumbs a:hover{
    color:#1d4ed8;
}

/* Premium form styling */
body.public-site .form-control{
    border-radius:14px;
    border:1px solid rgba(15,23,42,0.10);
    padding:.85rem .9rem;
    background:rgba(255,255,255,0.9);
}
body.public-site .form-control:focus{
    border-color:rgba(37,99,235,0.55);
    box-shadow:0 0 0 .25rem rgba(37,99,235,0.15);
    background:#fff;
}
body.public-site label{
    font-weight:800;
    color:rgba(15,23,42,0.75);
}

/* Footer polish */
body.public-site .footer{
    background:linear-gradient(180deg,#0b1220 0%, #070b14 100%);
}
body.public-site .footer h5{
    font-weight:950;
    letter-spacing:-0.01em;
}
body.public-site .footer-brand .brand-name{
    font-weight:1000;
    letter-spacing:-0.02em;
}

