/* basarili.css */
.navbar-brand.site-brand{
    display:flex;
    align-items:center;
    padding:0;
}

.navbar-brand.site-brand .site-logo-image{
    display:block;
    width:auto;
    height:90px;
    max-width:min(240px,42vw);
    object-fit:contain;
}

@media(max-width:576px){
    .navbar-brand.site-brand .site-logo-image{
        height:46px;
        max-width:170px;
    }
}

body.page-basarili{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-error{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
    margin:0;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-error a{
    text-decoration:none;
}

body.page-error .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-error .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-error .navbar-brand span{
    color:var(--gold);
}

body.page-error .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-error .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-error .nav-link:hover,
body.page-error .nav-link.active{
    color:var(--gold)!important;
}

body.page-error .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-error .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-error .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-error .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}

body.page-error footer{
    background:#06111f;
    color:#94a3b8;
    padding:26px 0;
}

body.page-error footer a{
    color:#94a3b8;
}

body.page-error footer a:hover{
    color:var(--gold);
}

body.page-error .error-hero{
    background:
            radial-gradient(circle at 14% 18%,rgba(246,183,60,.14),transparent 30%),
            radial-gradient(circle at 88% 16%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    padding:72px 0 88px;
}

body.page-error .error-hero-copy{
    max-width:760px;
}

body.page-error .error-code-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:84px;
    padding:9px 18px;
    border-radius:999px;
    background:rgba(246,183,60,.14);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    font-weight:900;
    margin-bottom:18px;
}

body.page-error .error-hero h1{
    font-size:54px;
    line-height:1.08;
    font-weight:900;
    margin:0 0 16px;
}

body.page-error .error-hero p{
    color:#d1d5db;
    font-size:17px;
    line-height:1.8;
    margin:0;
}

body.page-error .error-content{
    padding:0 0 80px;
    margin-top:-48px;
}

body.page-error .error-layout{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);
    gap:24px;
    align-items:start;
}

body.page-error .error-card,
body.page-error .error-side-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    box-shadow:0 18px 50px rgba(15,23,42,.07);
}

body.page-error .error-card{
    padding:34px;
}

body.page-error .error-side-card{
    padding:28px;
    text-align:center;
}

body.page-error .error-card-head{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
}

body.page-error .error-icon{
    width:72px;
    height:72px;
    border-radius:22px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

body.page-error .error-card-head small,
body.page-error .error-side-label{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:6px;
}

body.page-error .error-card-head h2{
    margin:0;
    font-size:30px;
    font-weight:900;
}

body.page-error .error-lead{
    color:#475569;
    font-size:16px;
    line-height:1.9;
    margin:0 0 20px;
}

body.page-error .error-note{
    display:flex;
    align-items:flex-start;
    gap:12px;
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.24);
    border-radius:20px;
    padding:16px 18px;
    color:#7c5a08;
    margin-bottom:24px;
}

body.page-error .error-note i{
    font-size:18px;
    margin-top:2px;
}

body.page-error .error-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

body.page-error .error-side-card strong{
    display:block;
    font-size:58px;
    line-height:1;
    font-weight:900;
    color:#111827;
    margin-bottom:14px;
}

body.page-error .error-side-card p{
    color:#64748b;
    line-height:1.8;
    margin:0;
}

@media(max-width:991px){
    body.page-error .error-hero{
        padding:60px 0 74px;
    }

    body.page-error .error-hero h1{
        font-size:40px;
    }

    body.page-error .error-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:576px){
    body.page-error .error-hero{
        padding:48px 0 64px;
    }

    body.page-error .error-hero h1{
        font-size:32px;
    }

    body.page-error .error-hero p{
        font-size:15px;
    }

    body.page-error .error-content{
        padding-bottom:56px;
        margin-top:-34px;
    }

    body.page-error .error-card,
    body.page-error .error-side-card{
        border-radius:22px;
    }

    body.page-error .error-card{
        padding:24px;
    }

    body.page-error .error-card-head{
        align-items:flex-start;
    }

    body.page-error .error-card-head h2{
        font-size:24px;
    }

    body.page-error .error-actions .btn{
        width:100%;
    }
}

body.page-basarili{
    margin:0;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-basarili a{
    text-decoration:none;
}

body.page-basarili .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-basarili .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-basarili .navbar-brand span{
    color:var(--gold);
}

body.page-basarili .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-basarili .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-basarili .nav-link:hover,
body.page-basarili .nav-link.active{
    color:var(--gold)!important;
}

body.page-basarili .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-basarili .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-basarili .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-basarili .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff;
}

body.page-basarili .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-basarili .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}
/* DROPDOWN FIXED */
.navbar .dropdown{
    position:relative;
}

.dropdown-toggle::after{
    margin-left:6px;
    vertical-align:middle;
}

/* Menü ile link arasında boşluk kalmasın */
.dropdown-menu{
    background:#fff;
    border:1px solid rgba(226,232,240,.95);
    border-radius:18px;
    padding:12px;
    min-width:265px;
    box-shadow:0 24px 70px rgba(15,23,42,.18);
    margin-top:0;
    top:100%;
    left:0;
}

/* Mouse geçiş alanı: kaybolmayı engeller */
@media(min-width:992px){
    .navbar .dropdown::after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:100%;
        height:18px;
        background:transparent;
    }

    .navbar .dropdown:hover > .dropdown-menu,
    .navbar .dropdown .dropdown-menu:hover{
        display:block;
    }

    .navbar .dropdown:hover > .nav-link{
        color:var(--gold)!important;
    }
}

/* Ok işaretini biraz aşağıda göster */
.dropdown-menu:before{
    content:"";
    position:absolute;
    top:-7px;
    left:28px;
    width:14px;
    height:14px;
    background:#fff;
    transform:rotate(45deg);
    border-left:1px solid rgba(226,232,240,.95);
    border-top:1px solid rgba(226,232,240,.95);
    z-index:-1;
}

.dropdown-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-radius:14px;
    color:#111827;
    font-weight:800;
    transition:.2s;
}

.dropdown-item i{
    width:38px;
    height:38px;
    border-radius:13px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.dropdown-item span{
    display:block;
    font-size:14px;
    font-weight:900;
}

.dropdown-item small{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    margin-top:2px;
}

.dropdown-item:hover{
    background:#fff8e8;
    color:#111827;
}

.dropdown-item:hover i{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
}

.dropdown-divider{
    border-color:#eef2f7;
    margin:10px 0;
}

.dropdown-cta{
    background:linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:15px;
    padding:16px;
    color:#fff;
    margin-top:8px;
}

.dropdown-cta strong{
    display:block;
    font-size:15px;
    font-weight:900;
    margin-bottom:5px;
}

.navbar .container{
    gap:18px;
}

.navbar-collapse{
    min-width:0;
}

.navbar-nav{
    align-items:center;
}

.nav-buttons{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
}

.nav-user{
    display:flex;
    align-items:center;
    gap:9px;
    max-width:160px;
    color:#fff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    padding:8px 11px;
}

.nav-user-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    flex-shrink:0;
}

.nav-user-text{
    min-width:0;
    line-height:1.1;
}

.nav-user-text small,
.nav-user-text strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nav-user-text small{
    color:#cbd5e1;
    font-size:10px;
    font-weight:800;
}

.nav-user-text strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.nav-quick-link{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:#fff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    padding:8px 12px;
    position:relative;
}

.nav-quick-link:hover{
    color:#fff;
    border-color:rgba(246,183,60,.45);
    background:rgba(246,183,60,.10);
}

.nav-quick-link i{
    width:34px;
    height:34px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.09);
    color:var(--gold);
    flex-shrink:0;
}

.nav-quick-link span{
    min-width:0;
    line-height:1.1;
}

.nav-quick-link small,
.nav-quick-link strong{
    display:block;
    white-space:nowrap;
}

.nav-quick-link small{
    color:#cbd5e1;
    font-size:10px;
    font-weight:800;
}

.nav-quick-link strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.nav-message-link.has-alert{
    background:rgba(239,68,68,.14);
    border-color:rgba(248,113,113,.45);
}

.nav-message-link.has-alert i{
    background:rgba(239,68,68,.18);
    color:#fca5a5;
}

.nav-message-link.has-alert b{
    min-width:22px;
    height:22px;
    border-radius:999px;
    padding:0 6px;
    background:linear-gradient(135deg,#ef4444,#f97316);
    color:#fff;
    font-size:11px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mobile-top-access{
    display:none;
    background:#06111f;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:10px 0 12px;
}

.nav-mobile-card{
    margin-top:0;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
}

.nav-mobile-user{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}

.nav-mobile-stats{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:14px;
}

.nav-mobile-stat{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    border-radius:14px;
    padding:11px 12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
}

.nav-mobile-stat:hover{
    color:#fff;
    border-color:rgba(246,183,60,.45);
}

.nav-mobile-stat i{
    width:36px;
    height:36px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.09);
    color:var(--gold);
    flex-shrink:0;
}

.nav-mobile-stat span{
    min-width:0;
    line-height:1.15;
}

.nav-mobile-stat small,
.nav-mobile-stat strong{
    display:block;
}

.nav-mobile-stat small{
    color:#cbd5e1;
    font-size:10px;
    font-weight:800;
}

.nav-mobile-stat strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.nav-mobile-stat.has-alert{
    background:rgba(239,68,68,.14);
    border-color:rgba(248,113,113,.40);
}

.nav-mobile-stat.has-alert i{
    background:rgba(239,68,68,.18);
    color:#fca5a5;
}

.nav-mobile-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.nav-mobile-actions .btn{
    width:100%;
    text-align:center;
}

.nav-mobile-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    margin-bottom:14px;
}

.nav-mobile-copy strong{
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.nav-mobile-copy span{
    color:#cbd5e1;
    font-size:12px;
    line-height:1.5;
}

.dropdown-cta p{
    color:#cbd5e1;
    font-size:12px;
    line-height:1.6;
    margin:0 0 12px;
}

.dropdown-cta a{
    width:100%;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border-radius:12px;
    padding:10px 13px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

/* MOBİL */
@media(max-width:991px){
    .dropdown-menu{
        position:static!important;
        transform:none!important;
        box-shadow:none;
        border-radius:16px;
        margin-top:8px;
        min-width:100%;
    }

    .dropdown-menu:before{
        display:none;
    }

    .mobile-top-access{
        display:block;
    }

    .nav-buttons-desktop{
        display:none!important;
    }
}



/* HERO */

body.page-basarili .page-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 28%),
            radial-gradient(circle at 85% 18%,rgba(255,226,160,.12),transparent 26%),
            linear-gradient(135deg,#06111f 0%,#0b1b2f 48%,#06111f 100%);
    padding:85px 0 125px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

body.page-basarili .page-hero:before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:rgba(246,183,60,.08);
    right:-130px;
    bottom:-140px;
}

body.page-basarili .breadcrumb-custom{
    display:flex;
    gap:8px;
    align-items:center;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
}

body.page-basarili .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-basarili .page-hero h1{
    font-size:54px;
    font-weight:900;
    line-height:1.08;
    margin-bottom:16px;
}

body.page-basarili .page-hero h1 span{
    color:var(--gold);
}

body.page-basarili .page-hero p{
    color:#d1d5db;
    font-size:17px;
    line-height:1.85;
    max-width:760px;
    margin:0;
}

body.page-basarili .hero-stats{
    margin-top:36px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    max-width:980px;
}

body.page-basarili .hero-stat{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:20px;
    backdrop-filter:blur(8px);
}

body.page-basarili .hero-stat strong{
    display:block;
    font-size:30px;
    font-weight:900;
    line-height:1;
    color:#fff;
}

body.page-basarili .hero-stat span{
    display:block;
    margin-top:8px;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
}

/* CONTENT */

body.page-basarili .content-wrap{
    margin-top:-65px;
    position:relative;
    z-index:3;
    padding-bottom:80px;
}

body.page-basarili .filter-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:22px;
    box-shadow:0 14px 40px rgba(15,23,42,.08);
    margin-bottom:34px;
}

body.page-basarili .search-box{
    position:relative;
}

body.page-basarili .search-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
}

body.page-basarili .form-control,
body.page-basarili .form-select{
    min-height:54px;
    border-radius:14px;
    border:1px solid var(--border);
    font-weight:700;
    color:#111827;
}

body.page-basarili .search-box .form-control{
    padding-left:44px;
}

body.page-basarili .form-control:focus,
body.page-basarili .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-basarili .section-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:28px;
}

body.page-basarili .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-basarili .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:0;
}

body.page-basarili .section-head p{
    color:var(--text);
    margin:10px 0 0;
    max-width:620px;
    line-height:1.8;
}

body.page-basarili .highlight-box{
    background:
            linear-gradient(135deg,rgba(6,17,31,.98),rgba(11,27,47,.96)),
            url("../images/success-bg.jpg");
    background-size:cover;
    background-position:center;
    border-radius:24px;
    padding:34px;
    color:#fff;
    overflow:hidden;
    position:relative;
    box-shadow:0 25px 70px rgba(6,17,31,.18);
    min-height:100%;
}

body.page-basarili .highlight-box:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    border-radius:50%;
    right:-70px;
    bottom:-70px;
    background:rgba(246,183,60,.10);
}

body.page-basarili .highlight-box .icon{
    width:74px;
    height:74px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:22px;
    position:relative;
    z-index:2;
}

body.page-basarili .highlight-box h3{
    font-size:31px;
    font-weight:900;
    margin-bottom:12px;
    position:relative;
    z-index:2;
}

body.page-basarili .highlight-box p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:24px;
    position:relative;
    z-index:2;
}

body.page-basarili .highlight-box ul{
    list-style:none;
    padding:0;
    margin:0;
    position:relative;
    z-index:2;
}

body.page-basarili .highlight-box li{
    margin-bottom:12px;
    color:#e5e7eb;
    font-weight:700;
}

body.page-basarili .highlight-box li i{
    color:var(--gold);
    margin-right:7px;
}

/* SUCCESS CARD */

body.page-basarili .success-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    overflow:hidden;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    transition:.25s;
}

body.page-basarili .success-card:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 60px rgba(15,23,42,.13);
}

body.page-basarili .success-top{
    background:
            linear-gradient(90deg,rgba(6,17,31,.98),rgba(11,27,47,.95));
    padding:22px;
    color:#fff;
    position:relative;
}

body.page-basarili .success-badge{
    position:absolute;
    top:18px;
    right:18px;
    background:#dcfce7;
    color:#15803d;
    border-radius:999px;
    padding:7px 13px;
    font-size:12px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

body.page-basarili .author-row{
    display:flex;
    align-items:center;
    gap:14px;
    padding-right:90px;
}

body.page-basarili .author-photo{
    width:110px;
    height:110px;
    border-radius:50%;

    border:3px solid var(--gold);
    box-shadow:0 10px 25px rgba(246,183,60,.25);
    background:#eee;
    flex-shrink:0;
}

body.page-basarili .author-row h4{
    font-size:17px;
    font-weight:900;
    margin:0;
}

body.page-basarili .author-row span{
    color:#d1d5db;
    font-size:13px;
    display:block;
    margin-top:4px;
}

body.page-basarili .win-amount{
    margin-top:22px;
}

body.page-basarili .win-amount small{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    font-weight:800;
    margin-bottom:7px;
}

body.page-basarili .win-amount strong{
    display:block;
    color:var(--gold);
    font-size:40px;
    font-weight:900;
    line-height:1;
}

body.page-basarili .success-body{
    padding:22px;
}

body.page-basarili .success-title{
    font-size:21px;
    font-weight:900;
    color:#111827;
    margin-bottom:18px;
}

body.page-basarili .info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:20px;
}

body.page-basarili .info-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:13px;
}

body.page-basarili .info-box span{
    display:block;
    color:var(--text);
    font-size:12px;
    margin-bottom:5px;
    font-weight:700;
}

body.page-basarili .info-box strong{
    display:block;
    color:#111827;
    font-size:14px;
    font-weight:900;
}

body.page-basarili .success-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-top:1px solid #eef2f7;
    padding-top:18px;
}

body.page-basarili .verify-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
}

/* PAGINATION */

body.page-basarili .pagination-wrap{
    margin-top:44px;
    display:flex;
    justify-content:center;
}

body.page-basarili .pagination{
    gap:8px;
    flex-wrap:wrap;
}

body.page-basarili .page-link{
    width:46px;
    height:46px;
    border-radius:14px!important;
    border:1px solid var(--border);
    color:#111827;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(15,23,42,.04);
}

body.page-basarili .page-link:hover{
    background:#fff8e8;
    border-color:rgba(246,183,60,.45);
    color:#111827;
}

body.page-basarili .page-item.active .page-link{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border-color:transparent;
}

body.page-basarili .page-item.disabled .page-link{
    opacity:.45;
}

/* FOOTER */

body.page-basarili footer{
    background:#06111f;
    color:#fff;
    padding:45px 0 22px;
}

body.page-basarili footer p,
body.page-basarili footer a{
    color:#94a3b8;
}

body.page-basarili footer a:hover{
    color:var(--gold);
}

@media(max-width:991px){
    .page-hero{
        padding:65px 0 100px;
    }

    .page-hero h1{
        font-size:40px;
    }

    .hero-stats{
        grid-template-columns:1fr 1fr;
    }

    .section-head{
        display:block;
    }

    .section-head .btn-dark-premium{
        margin-top:16px;
    }
}

@media(max-width:576px){
    .navbar-brand{
        font-size:24px;
    }

    .page-hero{
        padding:55px 0 90px;
    }

    .page-hero h1{
        font-size:31px;
    }

    .page-hero p{
        font-size:15px;
    }

    .hero-stats{
        grid-template-columns:1fr;
    }

    .content-wrap{
        margin-top:-48px;
        padding-bottom:55px;
    }

    .filter-card,
    .success-card,
    .highlight-box{
        border-radius:20px;
    }

    .highlight-box{
        padding:24px;
    }

    .highlight-box h3{
        font-size:26px;
    }

    .author-row{
        padding-right:0;
        display:block;
    }

    .author-photo{
        margin-bottom:12px;
    }

    .success-badge{
        position:static;
        margin-bottom:15px;
    }

    .win-amount strong{
        font-size:32px;
    }

    .info-grid{
        grid-template-columns:1fr;
    }

    .success-footer{
        display:block;
    }

    .success-footer .btn-gold{
        width:100%;
        margin-top:14px;
    }
}

/* hakkimizda.css */
body.page-hakkimizda{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-hakkimizda *{
    box-sizing:border-box;
}

body.page-hakkimizda,
body.page-hakkimizda{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-hakkimizda a{
    text-decoration:none;
}

/* HEADER */

body.page-hakkimizda .navbar{
    background:var(--dark);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-hakkimizda .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-hakkimizda .navbar-brand span{
    color:var(--gold);
}

body.page-hakkimizda .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-hakkimizda .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
}

body.page-hakkimizda .nav-link:hover,
body.page-hakkimizda .nav-link.active{
    color:var(--gold)!important;
}

body.page-hakkimizda .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-hakkimizda .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-hakkimizda .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-hakkimizda .btn-dark-premium{
    background:var(--dark);
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-hakkimizda .btn-dark-premium:hover{
    background:var(--dark2);
    color:#fff!important;
}

body.page-hakkimizda .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-hakkimizda .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-hakkimizda .page-hero{
    background:
            radial-gradient(circle at top left,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 25%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    padding:80px 0 90px;
    color:#fff;
}

body.page-hakkimizda .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
}

body.page-hakkimizda .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-hakkimizda .page-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:18px;
}

body.page-hakkimizda .page-hero h1 span{
    color:var(--gold);
}

body.page-hakkimizda .page-hero p{
    max-width:780px;
    color:#d1d5db;
    font-size:17px;
    line-height:1.8;
    margin:0;
}

body.page-hakkimizda .hero-actions{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:13px;
}

body.page-hakkimizda .hero-stats{
    margin-top:36px;
}

body.page-hakkimizda .hero-stat{
    height:100%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:20px;
}

body.page-hakkimizda .hero-stat strong{
    display:block;
    color:#fff;
    font-size:30px;
    font-weight:900;
    line-height:1;
}

body.page-hakkimizda .hero-stat span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
    margin-top:8px;
}

/* CONTENT */

body.page-hakkimizda .content-wrap{
    padding:70px 0 80px;
}

body.page-hakkimizda .section{
    padding-top:70px;
}

body.page-hakkimizda .section:first-child{
    padding-top:0;
}

body.page-hakkimizda .section-head{
    margin-bottom:30px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-hakkimizda .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-hakkimizda .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-hakkimizda .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:0;
}

/* ABOUT */

body.page-hakkimizda .about-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:34px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-hakkimizda .about-card .label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-hakkimizda .about-card h2{
    font-size:38px;
    line-height:1.16;
    font-weight:900;
    margin-bottom:18px;
}

body.page-hakkimizda .about-card h2 span{
    color:var(--gold);
}

body.page-hakkimizda .about-card p{
    color:var(--text);
    line-height:1.9;
    margin-bottom:16px;
}

body.page-hakkimizda .page-content-html h1,
body.page-hakkimizda .page-content-html h2,
body.page-hakkimizda .page-content-html h3,
body.page-hakkimizda .page-content-html h4{
    color:#111827;
    font-weight:900;
    line-height:1.35;
    margin:24px 0 12px;
}

body.page-hakkimizda .page-content-html h1:first-child,
body.page-hakkimizda .page-content-html h2:first-child,
body.page-hakkimizda .page-content-html h3:first-child{
    margin-top:0;
}

body.page-hakkimizda .page-content-html ul,
body.page-hakkimizda .page-content-html ol{
    color:#475569;
    line-height:1.9;
    padding-left:22px;
    margin-bottom:18px;
}

body.page-hakkimizda .page-content-html li{
    margin-bottom:8px;
}

body.page-hakkimizda .page-content-html img,
body.page-sozlesme .contract-body img{
    max-width:100%;
    height:auto;
    border-radius:16px;
}

body.page-hakkimizda .page-content-html table,
body.page-sozlesme .contract-body table{
    width:100%;
    border-collapse:collapse;
    margin:22px 0;
    overflow:hidden;
}

body.page-hakkimizda .page-content-html table th,
body.page-hakkimizda .page-content-html table td,
body.page-sozlesme .contract-body table th,
body.page-sozlesme .contract-body table td{
    border:1px solid #eef2f7;
    padding:12px;
    color:#475569;
    vertical-align:top;
}

body.page-hakkimizda .page-content-html table th,
body.page-sozlesme .contract-body table th{
    background:#f8fafc;
    color:#111827;
    font-weight:900;
}

body.page-hakkimizda .about-list{
    list-style:none;
    padding:0;
    margin:24px 0 0;
}

body.page-hakkimizda .about-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:13px;
    color:#475569;
    font-weight:700;
    line-height:1.6;
}

body.page-hakkimizda .about-list i{
    color:var(--green);
    margin-top:2px;
}

body.page-hakkimizda .about-visual{
    background:
            linear-gradient(90deg,rgba(6,17,31,.94),rgba(11,27,47,.88)),
            url("../images/about-bg.jpg");
    background-size:cover;
    background-position:center;
    border-radius:26px;
    min-height:100%;
    padding:34px;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
}

body.page-hakkimizda .about-visual:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    right:-90px;
    bottom:-90px;
    background:rgba(246,183,60,.12);
}

body.page-hakkimizda .about-visual-content{
    position:relative;
    z-index:2;
}

body.page-hakkimizda .about-visual .icon{
    width:78px;
    height:78px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    margin-bottom:24px;
}

body.page-hakkimizda .about-visual h3{
    font-size:32px;
    font-weight:900;
    margin-bottom:14px;
}

body.page-hakkimizda .about-visual p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:26px;
}

body.page-hakkimizda .visual-mini-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:18px;
    margin-bottom:14px;
}

body.page-hakkimizda .visual-mini-card strong{
    display:block;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

body.page-hakkimizda .visual-mini-card span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    margin-top:5px;
    line-height:1.6;
}

/* MISSION */

body.page-hakkimizda .value-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:28px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-hakkimizda .value-icon{
    width:66px;
    height:66px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:31px;
    margin-bottom:20px;
}

body.page-hakkimizda .value-card h3{
    font-size:23px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-hakkimizda .value-card p{
    color:var(--text);
    line-height:1.8;
    margin:0;
}

/* DARK PROCESS */

body.page-hakkimizda .process-section{
    background:linear-gradient(135deg,var(--dark),var(--dark2));
    border-radius:30px;
    padding:42px;
    color:#fff;
    overflow:hidden;
    position:relative;
}

body.page-hakkimizda .process-section:before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(246,183,60,.10);
    right:-110px;
    top:-100px;
}

body.page-hakkimizda .process-head{
    position:relative;
    z-index:2;
    margin-bottom:30px;
}

body.page-hakkimizda .process-head small{
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
}

body.page-hakkimizda .process-head h2{
    font-size:36px;
    font-weight:900;
    margin:8px 0 10px;
}

body.page-hakkimizda .process-head p{
    color:#cbd5e1;
    line-height:1.8;
    max-width:720px;
    margin:0;
}

body.page-hakkimizda .process-card{
    position:relative;
    z-index:2;
    height:100%;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    border-radius:22px;
    padding:24px;
}

body.page-hakkimizda .process-number{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

body.page-hakkimizda .process-card h3{
    font-size:21px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-hakkimizda .process-card p{
    color:#cbd5e1;
    line-height:1.75;
    margin:0;
}

/* WHY */

body.page-hakkimizda .why-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:26px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    transition:.25s;
}

body.page-hakkimizda .why-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(15,23,42,.12);
}

body.page-hakkimizda .why-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    margin-bottom:18px;
}

body.page-hakkimizda .why-card h3{
    font-size:21px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-hakkimizda .why-card p{
    color:var(--text);
    line-height:1.75;
    margin:0;
}

/* CTA */

body.page-hakkimizda .cta-box{
    margin-top:70px;
    background:
            radial-gradient(circle at 85% 20%,rgba(246,183,60,.16),transparent 28%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    color:#fff;
    border-radius:28px;
    padding:42px;
}

body.page-hakkimizda .cta-box h2{
    font-size:36px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-hakkimizda .cta-box p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

/* FOOTER */

body.page-hakkimizda footer{
    background:var(--dark);
    color:#fff;
    padding:42px 0 22px;
}

body.page-hakkimizda footer p,
body.page-hakkimizda footer a{
    color:#94a3b8;
}

body.page-hakkimizda footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .page-hero{
        padding:65px 0 75px;
    }

    .page-hero h1{
        font-size:40px;
    }

    .about-card h2,
    .section-head h2,
    .process-head h2{
        font-size:32px;
    }

    .process-section{
        padding:32px;
        border-radius:24px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .page-hero{
        padding:55px 0 65px;
    }

    .page-hero h1{
        font-size:31px;
    }

    .page-hero p{
        font-size:15px;
    }

    .hero-actions .btn{
        width:100%;
    }

    .content-wrap{
        padding:45px 0 55px;
    }

    .section{
        padding-top:50px;
    }

    .section:first-child{
        padding-top:0;
    }

    .section-head,
    .about-card,
    .about-visual,
    .value-card,
    .why-card,
    .cta-box{
        border-radius:20px;
    }

    .section-head,
    .about-card,
    .about-visual,
    .value-card,
    .why-card,
    .cta-box{
        padding:22px;
    }

    .about-card h2,
    .section-head h2,
    .process-head h2{
        font-size:28px;
    }

    .about-visual h3{
        font-size:26px;
    }

    .process-section{
        padding:24px;
        border-radius:20px;
    }

    .cta-box h2{
        font-size:27px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* iletisim.css */
body.page-iletisim{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --red:#dc2626;
    --blue:#2563eb;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-iletisim *{
    box-sizing:border-box;
}

body.page-iletisim,
body.page-iletisim{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-iletisim a{
    text-decoration:none;
}

/* HEADER */

body.page-iletisim .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-iletisim .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-iletisim .navbar-brand span{
    color:var(--gold);
}

body.page-iletisim .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-iletisim .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
}

body.page-iletisim .nav-link:hover,
body.page-iletisim .nav-link.active{
    color:var(--gold)!important;
}

body.page-iletisim .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-iletisim .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-iletisim .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-iletisim .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-iletisim .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

body.page-iletisim .btn-dark-premium{
    background:#06111f;
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-iletisim .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff!important;
}

/* HERO */

body.page-iletisim .contact-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:70px 0 90px;
    color:#fff;
}

body.page-iletisim .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:22px;
}

body.page-iletisim .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-iletisim .contact-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:16px;
}

body.page-iletisim .contact-hero h1 span{
    color:var(--gold);
}

body.page-iletisim .contact-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:780px;
    margin:0;
}

body.page-iletisim .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:28px;
}

/* CONTENT */

body.page-iletisim .page-content{
    padding:70px 0 80px;
}

/* INFO CARDS */

body.page-iletisim .info-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:26px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    transition:.25s;
}

body.page-iletisim .info-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(15,23,42,.12);
}

body.page-iletisim .info-icon{
    width:66px;
    height:66px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:31px;
    margin-bottom:18px;
}

body.page-iletisim .info-card h3{
    font-size:22px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-iletisim .info-card p{
    color:var(--text);
    line-height:1.75;
    margin-bottom:16px;
}

body.page-iletisim .info-card a,
body.page-iletisim .info-card strong{
    color:#111827;
    font-weight:900;
}

body.page-iletisim .info-card a:hover{
    color:var(--gold);
}

/* MAIN CONTACT */

body.page-iletisim .contact-wrap{
    margin-top:42px;
}

body.page-iletisim .contact-form-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:34px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    height:100%;
}

body.page-iletisim .contact-side-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:28px;
    padding:34px;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
    color:#fff;
    height:100%;
}

body.page-iletisim .card-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-iletisim .contact-side-card .card-label{
    background:rgba(246,183,60,.12);
    color:var(--gold);
    border-color:rgba(246,183,60,.35);
}

body.page-iletisim .contact-form-card h2,
body.page-iletisim .contact-side-card h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-iletisim .contact-form-card p{
    color:var(--text);
    line-height:1.8;
    margin-bottom:24px;
}

body.page-iletisim .contact-side-card p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:24px;
}

body.page-iletisim .form-label{
    color:#111827;
    font-weight:900;
    margin-bottom:8px;
}

body.page-iletisim .form-control,
body.page-iletisim .form-select{
    min-height:56px;
    border:1px solid var(--border);
    border-radius:14px;
    font-weight:800;
    color:#111827;
}

body.page-iletisim .form-control:focus,
body.page-iletisim .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-iletisim textarea.form-control{
    min-height:150px;
    resize:none;
    padding-top:14px;
}

body.page-iletisim .contact-note{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    color:#7c5200;
    border-radius:18px;
    padding:16px;
    line-height:1.7;
    font-weight:700;
    margin-bottom:22px;
}

body.page-iletisim .contact-note i{
    color:#9a6500;
    margin-right:7px;
}

/* SIDE INFO */

body.page-iletisim .side-list{
    list-style:none;
    margin:0;
    padding:0;
}

body.page-iletisim .side-list li{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.10);
}

body.page-iletisim .side-list li:last-child{
    border-bottom:0;
}

body.page-iletisim .side-list-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

body.page-iletisim .side-list strong{
    display:block;
    color:#fff;
    font-weight:900;
    margin-bottom:5px;
}

body.page-iletisim .side-list span,
body.page-iletisim .side-list a{
    display:block;
    color:#cbd5e1;
    line-height:1.6;
    font-size:14px;
    font-weight:700;
}

body.page-iletisim .side-list a:hover{
    color:var(--gold);
}

body.page-iletisim .social-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}

body.page-iletisim .social-link{
    width:46px;
    height:46px;
    border-radius:15px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

body.page-iletisim .social-link:hover{
    background:var(--gold);
    color:#111;
}

/* MAP */

body.page-iletisim .map-section{
    margin-top:60px;
}

body.page-iletisim .section-head{
    margin-bottom:28px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-iletisim .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-iletisim .section-head h2{
    font-size:34px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-iletisim .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:0;
}

body.page-iletisim .map-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
}

body.page-iletisim .map-placeholder{
    min-height:360px;
    background:
            linear-gradient(135deg,rgba(6,17,31,.92),rgba(11,27,47,.88)),
            url("../images/contact-map.jpg");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px;
    color:#fff;
}

body.page-iletisim .map-placeholder .map-icon{
    width:84px;
    height:84px;
    border-radius:26px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
    margin:0 auto 18px;
}

body.page-iletisim .map-placeholder h3{
    font-size:30px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-iletisim .map-placeholder p{
    color:#d1d5db;
    line-height:1.8;
    margin:0 auto 20px;
    max-width:620px;
}

/* FAQ */

body.page-iletisim .faq-section{
    margin-top:60px;
}

body.page-iletisim .accordion-item{
    border:1px solid var(--border);
    border-radius:18px!important;
    overflow:hidden;
    margin-bottom:14px;
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

body.page-iletisim .accordion-button{
    font-weight:900;
    color:#111827;
    padding:18px 20px;
}

body.page-iletisim .accordion-button:not(.collapsed){
    background:#fff8e8;
    color:#111827;
    box-shadow:none;
}

body.page-iletisim .accordion-button:focus{
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-iletisim .accordion-body{
    color:var(--text);
    line-height:1.8;
}

/* FOOTER */

body.page-iletisim footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

body.page-iletisim footer p,
body.page-iletisim footer a{
    color:#94a3b8;
}

body.page-iletisim footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .contact-hero{
        padding:60px 0 75px;
    }

    .contact-hero h1{
        font-size:40px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .contact-hero{
        padding:50px 0 60px;
    }

    .contact-hero h1{
        font-size:31px;
    }

    .contact-hero p{
        font-size:15px;
    }

    .hero-actions .btn{
        width:100%;
    }

    .page-content{
        padding:42px 0 55px;
    }

    .info-card,
    .contact-form-card,
    .contact-side-card,
    .section-head,
    .map-card{
        border-radius:20px;
    }

    .info-card,
    .contact-form-card,
    .contact-side-card,
    .section-head{
        padding:22px;
    }

    .contact-form-card h2,
    .contact-side-card h2,
    .section-head h2{
        font-size:26px;
    }

    .map-placeholder{
        min-height:300px;
    }

    .map-placeholder h3{
        font-size:25px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* index.css */
body.page-index{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
}

body.page-index{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f5f7fb;
    color:#111827;
}

body.page-index a{text-decoration:none;}

body.page-index .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-index .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-index .navbar-brand span{color:var(--gold);}

body.page-index .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-index .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-index .nav-link:hover,
body.page-index .nav-link.active{color:var(--gold)!important;}

body.page-index .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-index .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-index .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-index .btn-dark-premium:hover{background:#0b1b2f;color:#fff;}

body.page-index .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-index .btn-outline-gold:hover{background:var(--gold);color:#111;}

body.page-index .slider-item{
    min-height:560px;
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items:center;
}

body.page-index .slider-item:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(6,17,31,.96),rgba(6,17,31,.70),rgba(6,17,31,.25));
}

body.page-index .slider-content{
    position:relative;
    z-index:2;
    color:#fff;
    max-width:760px;
}

body.page-index .slider-content small{
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
}

body.page-index .slider-content h1{
    font-size:58px;
    line-height:1.08;
    font-weight:900;
    margin:18px 0 22px;
}

body.page-index .slider-content h1 span{color:var(--gold);}

body.page-index .slider-content p{
    color:#d1d5db;
    font-size:18px;
    line-height:1.8;
    max-width:650px;
    margin-bottom:30px;
}

body.page-index .carousel-indicators [data-bs-target]{
    width:38px;
    height:5px;
    border-radius:20px;
    background:var(--gold);
}

body.page-index .carousel-control-prev-icon,
body.page-index .carousel-control-next-icon{
    width:46px;
    height:46px;
    border-radius:50%;
    background-color:rgba(246,183,60,.9);
    background-size:55%;
}

body.page-index .section{padding:75px 0;}

body.page-index .section-dark{
    background:#06111f;
    color:#fff;
}

body.page-index .section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:34px;
}

body.page-index .section-head small{
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
}

body.page-index .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:8px 0 0;
}

body.page-index .section-head p{
    color:var(--text);
    margin:0;
}

body.page-index .section-dark .section-head p{color:#cbd5e1;}

body.page-index .prediction-card,
body.page-index .success-card,
body.page-index .package-card,
body.page-index .bank-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:22px;
    height:100%;
    box-shadow:0 12px 38px rgba(15,23,42,.07);
    transition:.25s;
}

body.page-index .prediction-card:hover,
body.page-index .success-card:hover,
body.page-index .package-card:hover,
body.page-index .bank-card:hover{
    transform:translateY(-7px);
    box-shadow:0 22px 60px rgba(15,23,42,.13);
}

body.page-index .author-row{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:17px;
}

body.page-index .author-photo{
    width:110px;
    height:110px;
    border-radius:50%;

    border:3px solid var(--gold);
    box-shadow:0 10px 25px rgba(246,183,60,.25);
    background:#eee;
}

body.page-index .author-row h4{
    font-size:16px;
    font-weight:900;
    margin:0;
}

body.page-index .author-row span{
    color:var(--text);
    font-size:13px;
}

body.page-index .info-row{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eef2f7;
    padding:11px 0;
    font-size:14px;
    color:#475569;
}

body.page-index .info-row strong{color:#111827;}

body.page-index .badge-win{
    display:inline-block;
    background:#dcfce7;
    color:#15803d;
    border-radius:999px;
    padding:6px 12px;
    font-size:12px;
    font-weight:900;
}

body.page-index .earning{
    color:var(--green);
    font-size:27px;
    font-weight:900;
    margin:15px 0;
}

body.page-index .package-card{
    text-align:center;
    position:relative;
    overflow:hidden;
}

body.page-index .package-card.featured{
    background:#06111f;
    color:#fff;
    border:2px solid var(--gold);
}

body.page-index .package-badge{
    position:absolute;
    top:18px;
    right:18px;
    background:var(--gold);
    color:#111;
    border-radius:999px;
    padding:7px 13px;
    font-size:12px;
    font-weight:900;
}

body.page-index .package-card .icon{
    font-size:38px;
    color:var(--gold);
}

body.page-index .package-card h3{
    font-weight:900;
    margin:15px 0 8px;
}

body.page-index .price{
    font-size:42px;
    font-weight:900;
    margin:18px 0;
}

body.page-index .price span{font-size:18px;}

body.page-index .package-card ul{
    list-style:none;
    padding:0;
    margin:22px 0;
    text-align:left;
}

body.page-index .package-card li{
    margin-bottom:11px;
    color:#475569;
}

body.page-index .package-card.featured li{color:#cbd5e1;}

body.page-index .package-card li i{
    color:var(--green);
    margin-right:7px;
}

body.page-index .bank-card h4{
    font-weight:900;
    margin-bottom:17px;
}

body.page-index .bank-card p{
    color:var(--text);
    font-size:14px;
    margin-bottom:5px;
}

body.page-index .bank-card strong{
    display:block;
    font-size:14px;
    margin-bottom:15px;
}

body.page-index .copy-btn{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:10px;
    padding:9px 14px;
    font-weight:800;
    font-size:14px;
}

body.page-index footer{
    background:#06111f;
    color:#fff;
    padding:45px 0 22px;
}

body.page-index footer p,
body.page-index footer a{color:#94a3b8;}

body.page-index footer a:hover{color:var(--gold);}

@media(max-width:991px){
    .slider-item{min-height:480px;}
    .slider-content h1{font-size:40px;}
}

@media(max-width:576px){
    .slider-item{min-height:430px;}
    .slider-content h1{font-size:32px;}
    .slider-content p{font-size:16px;}
    .section-head{display:block;}
    .section-head a{margin-top:15px;}
}

body.page-index .brand-subtitle{
    font-size:11px;
    letter-spacing:2px;
    color:#f6b73c;
}

body.page-index .slider-bg-1{background-image:url("../images/slider-1.jpg");}

body.page-index .slider-bg-2{background-image:url("../images/slider-2.jpg");}

body.page-index .slider-bg-3{background-image:url("../images/slider-3.jpg");}

body.page-index .featured-text{color:#cbd5e1;}

/* login.css */
body.page-login{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --danger:#ef4444;
}

body.page-login *{
    box-sizing:border-box;
}

body.page-login{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f5f7fb;
    color:#111827;
}

body.page-login a{
    text-decoration:none;
}

body.page-login .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-login .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-login .navbar-brand span{
    color:var(--gold);
}

body.page-login .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-login .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-login .nav-link:hover,
body.page-login .nav-link.active{
    color:var(--gold)!important;
}

body.page-login .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-login .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-login .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-login .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff;
}

body.page-login .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-login .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}

/* LOGIN HERO */

body.page-login .login-section{
    min-height:calc(100vh - 83px);
    background:
            radial-gradient(circle at 10% 12%,rgba(246,183,60,.18),transparent 28%),
            radial-gradient(circle at 85% 18%,rgba(255,226,160,.13),transparent 26%),
            linear-gradient(135deg,#06111f 0%,#0b1b2f 48%,#06111f 100%);
    padding:70px 0;
    position:relative;
    overflow:hidden;
}

body.page-login .login-section:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(246,183,60,.08);
    right:-160px;
    bottom:-170px;
}

body.page-login .login-section:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,226,160,.06);
    left:-120px;
    top:100px;
}

body.page-login .login-wrapper{
    position:relative;
    z-index:2;
}

body.page-login .login-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 30px 90px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.16);
}

body.page-login .login-left{
    padding:48px;
    background:#fff;
}

body.page-login .login-left .page-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:22px;
}

body.page-login .login-left h1{
    font-size:40px;
    line-height:1.15;
    font-weight:900;
    margin-bottom:14px;
    color:#111827;
}

body.page-login .login-left p{
    color:var(--text);
    line-height:1.8;
    margin-bottom:30px;
}

body.page-login .alert-custom{
    display:none;
    background:#fff1f2;
    color:#be123c;
    border:1px solid #fecdd3;
    border-radius:14px;
    padding:13px 16px;
    font-weight:700;
    margin-bottom:20px;
}

body.page-login .form-label{
    font-weight:900;
    color:#111827;
    margin-bottom:8px;
}

body.page-login .input-box{
    position:relative;
}

body.page-login .input-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
    font-size:18px;
    z-index:2;
}

body.page-login .form-control{
    height:56px;
    border-radius:14px;
    border:1px solid var(--border);
    padding-left:46px;
    font-weight:700;
    color:#111827;
    background:#fff;
}

body.page-login .form-control:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-login .password-toggle{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#94a3b8;
    font-size:18px;
    z-index:3;
}

body.page-login .form-check-input{
    border-radius:6px;
    border:1px solid var(--border);
}

body.page-login .form-check-input:checked{
    background-color:var(--gold);
    border-color:var(--gold);
}

body.page-login .form-check-label{
    color:#475569;
    font-weight:700;
}

body.page-login .forgot-link{
    color:#06111f;
    font-weight:900;
}

body.page-login .forgot-link:hover{
    color:var(--gold);
}

body.page-login .login-submit{
    width:100%;
    height:56px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:14px;
    font-weight:900;
    box-shadow:0 14px 34px rgba(246,183,60,.30);
}

body.page-login .login-submit:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-login .divider{
    display:flex;
    align-items:center;
    gap:14px;
    color:var(--text);
    font-weight:800;
    font-size:13px;
    margin:28px 0;
}

body.page-login .divider:before,
body.page-login .divider:after{
    content:"";
    height:1px;
    flex:1;
    background:#e5e7eb;
}

body.page-login .register-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    padding:18px;
    text-align:center;
}

body.page-login .register-box span{
    color:var(--text);
    font-weight:700;
}

body.page-login .register-box a{
    color:#06111f;
    font-weight:900;
}

body.page-login .register-box a:hover{
    color:var(--gold);
}

/* RIGHT SIDE */

body.page-login .login-right{
    min-height:100%;
    padding:48px;
    background:
            linear-gradient(90deg,rgba(6,17,31,.96),rgba(6,17,31,.88)),
            url("../images/login-bg.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}

body.page-login .login-right:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(246,183,60,.10);
    right:-90px;
    bottom:-90px;
}

body.page-login .login-right-content{
    position:relative;
    z-index:2;
}

body.page-login .side-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:24px;
}

body.page-login .login-right h2{
    font-size:36px;
    line-height:1.18;
    font-weight:900;
    margin-bottom:16px;
}

body.page-login .login-right h2 span{
    color:var(--gold);
}

body.page-login .login-right p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:30px;
}

body.page-login .feature-list{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-login .feature-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#e5e7eb;
    font-weight:700;
    margin-bottom:16px;
}

body.page-login .feature-list li i{
    color:var(--gold);
    margin-top:2px;
}

body.page-login .stats-mini{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:34px;
}

body.page-login .stat-mini{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:18px;
    backdrop-filter:blur(8px);
}

body.page-login .stat-mini strong{
    display:block;
    color:#fff;
    font-size:27px;
    font-weight:900;
    line-height:1;
}

body.page-login .stat-mini span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    margin-top:8px;
    font-weight:700;
}

body.page-login .back-home{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#cbd5e1;
    font-weight:800;
    margin-top:26px;
}

body.page-login .back-home:hover{
    color:var(--gold);
}

/* FOOTER */

body.page-login footer{
    background:#06111f;
    color:#fff;
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

body.page-login footer p,
body.page-login footer a{
    color:#94a3b8;
}

body.page-login footer a:hover{
    color:var(--gold);
}

@media(max-width:991px){
    .login-section{
        min-height:auto;
        padding:50px 0;
    }

    .login-right{
        display:none;
    }

    .login-left{
        padding:36px;
    }

    .login-left h1{
        font-size:34px;
    }
}

@media(max-width:576px){
    .navbar-brand{
        font-size:24px;
    }

    .login-section{
        padding:35px 0;
    }

    .login-card{
        border-radius:22px;
    }

    .login-left{
        padding:24px;
    }

    .login-left h1{
        font-size:29px;
    }

    .login-options{
        display:block!important;
    }

    .forgot-link{
        display:block;
        margin-top:12px;
    }
}

/* odeme.css */
body.page-odeme{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-odeme *{box-sizing:border-box;}

body.page-odeme,
body.page-odeme{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-odeme a{text-decoration:none;}

/* HEADER */

body.page-odeme .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-odeme .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-odeme .navbar-brand span{
    color:var(--gold);
}

body.page-odeme .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-odeme .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
}

body.page-odeme .nav-link:hover,
body.page-odeme .nav-link.active{
    color:var(--gold)!important;
}

body.page-odeme .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-odeme .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-odeme .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-odeme .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-odeme .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-odeme .purchase-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:70px 0 85px;
    color:#fff;
}

body.page-odeme .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:22px;
}

body.page-odeme .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-odeme .purchase-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:16px;
}

body.page-odeme .purchase-hero h1 span{
    color:var(--gold);
}

body.page-odeme .purchase-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:780px;
    margin:0;
}

body.page-odeme .hero-warning{
    margin-top:26px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:#ffe2a0;
    border-radius:999px;
    padding:11px 16px;
    font-weight:900;
}

/* CONTENT */

body.page-odeme .page-content{
    padding:70px 0 80px;
}

/* ORDER SUMMARY */

body.page-odeme .summary-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:30px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    height:100%;
}

body.page-odeme .card-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:20px;
}

body.page-odeme .summary-card h2,
body.page-odeme .payment-card h2{
    font-size:30px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-odeme .order-row{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-odeme .order-row:last-child{
    border-bottom:0;
}

body.page-odeme .order-row span{
    color:#64748b;
    font-weight:800;
}

body.page-odeme .order-row strong{
    color:#111827;
    font-weight:900;
    text-align:right;
}

body.page-odeme .order-no{
    color:#dc2626!important;
    letter-spacing:.03em;
}

body.page-odeme .total-price{
    color:#16a34a!important;
    font-size:24px;
}

body.page-odeme .summary-note{
    margin-top:22px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    padding:18px;
    color:#64748b;
    line-height:1.7;
    font-weight:700;
}

body.page-odeme .summary-note i{
    color:var(--gold);
    margin-right:7px;
}

/* PAYMENT FORM */

body.page-odeme .payment-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.16),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:26px;
    padding:30px;
    box-shadow:0 24px 70px rgba(6,17,31,.22);
    height:100%;
    color:#fff;
}

body.page-odeme .payment-card .card-label{
    background:rgba(246,183,60,.12);
    color:var(--gold);
    border-color:rgba(246,183,60,.35);
}

body.page-odeme .payment-card h2{
    color:#fff;
}

body.page-odeme .payment-card p{
    color:#cbd5e1;
    line-height:1.8;
    margin-bottom:22px;
}

body.page-odeme .form-label{
    color:#e5e7eb;
    font-weight:900;
    margin-bottom:8px;
}

body.page-odeme .form-control,
body.page-odeme .form-select{
    min-height:54px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-weight:800;
}

body.page-odeme .form-select option{
    color:#111827;
}

body.page-odeme .form-control::placeholder{
    color:#94a3b8;
}

body.page-odeme .form-control:focus,
body.page-odeme .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
    background:rgba(255,255,255,.10);
    color:#fff;
}

body.page-odeme textarea.form-control{
    min-height:118px;
    padding-top:14px;
    resize:none;
}

body.page-odeme .btn-submit-payment{
    width:100%;
    min-height:56px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:14px;
    font-weight:900;
    margin-top:8px;
}

body.page-odeme .payment-method-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

body.page-odeme .payment-method-card{
    position:relative;
    min-height:230px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.13);
    border-radius:20px;
    padding:22px;
    color:#fff!important;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    transition:.25s;
}

body.page-odeme .payment-method-card:hover{
    transform:translateY(-5px);
    border-color:rgba(246,183,60,.55);
    background:rgba(255,255,255,.11);
}

body.page-odeme .payment-method-card.disabled{
    opacity:.48;
    cursor:not-allowed;
}

body.page-odeme .payment-method-card.disabled:hover{
    transform:none;
    border-color:rgba(255,255,255,.13);
    background:rgba(255,255,255,.08);
}

body.page-odeme .method-badge{
    position:absolute;
    top:14px;
    right:14px;
    background:rgba(246,183,60,.14);
    color:var(--gold);
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:5px 9px;
    font-size:11px;
    font-weight:900;
}

body.page-odeme .method-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:6px;
}

body.page-odeme .payment-method-card strong{
    font-size:19px;
    font-weight:900;
    color:#fff;
}

body.page-odeme .payment-method-card small{
    color:#cbd5e1;
    line-height:1.65;
    font-weight:700;
}

body.page-odeme .payment-method-card em{
    margin-top:auto;
    color:var(--gold);
    font-style:normal;
    font-weight:900;
}

body.page-odeme .payment-help{
    margin-top:18px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:16px;
    padding:15px;
    color:#cbd5e1;
    line-height:1.7;
    font-weight:800;
}

body.page-odeme .payment-help i{
    color:var(--gold);
    margin-right:7px;
}

body.page-odeme .payment-result-card{
    max-width:760px;
    margin:0 auto;
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:46px;
    text-align:center;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
}

body.page-odeme .payment-result-card .result-icon{
    width:86px;
    height:86px;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 22px;
    font-size:44px;
}

body.page-odeme .payment-result-card.success .result-icon{
    background:#dcfce7;
    color:#16a34a;
}

body.page-odeme .payment-result-card.error .result-icon{
    background:#fee2e2;
    color:#dc2626;
}

body.page-odeme .payment-result-card h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-odeme .payment-result-card p{
    color:#64748b;
    line-height:1.8;
    max-width:560px;
    margin:0 auto 24px;
    font-weight:700;
}

body.page-odeme .result-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

body.page-odeme .payment-iframe-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:18px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
}

body.page-odeme .payment-iframe-card iframe{
    width:100%;
    min-height:720px;
    border:0;
    border-radius:18px;
    display:block;
}

/* BANK SECTION */

body.page-odeme .section-head{
    margin:60px 0 28px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-odeme .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-odeme .section-head h2{
    font-size:34px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-odeme .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:0;
}

/* BANK CARDS */

body.page-odeme .bank-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:26px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    transition:.25s;
    position:relative;
    overflow:hidden;
}

body.page-odeme .bank-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(15,23,42,.12);
}

body.page-odeme .bank-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 85% 12%,rgba(246,183,60,.14),transparent 28%);
    pointer-events:none;
}

body.page-odeme .bank-head{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:20px;
}

body.page-odeme .bank-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

body.page-odeme .bank-name span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    margin-bottom:5px;
}

body.page-odeme .bank-name strong{
    display:block;
    color:#111827;
    font-size:21px;
    font-weight:900;
}

body.page-odeme .bank-info{
    position:relative;
    z-index:2;
}

body.page-odeme .bank-row{
    padding:16px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-odeme .bank-row:last-child{
    border-bottom:0;
}

body.page-odeme .bank-row span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    margin-bottom:6px;
}

body.page-odeme .bank-row strong{
    display:block;
    color:#111827;
    font-size:15px;
    font-weight:900;
    line-height:1.6;
    word-break:break-word;
}

body.page-odeme .iban-line{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

body.page-odeme .copy-btn{
    border:0;
    background:#06111f;
    color:#fff;
    border-radius:10px;
    padding:8px 11px;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
}

body.page-odeme .copy-btn:hover{
    background:#0b1b2f;
}

/* PROCESS */

body.page-odeme .process-box{
    margin-top:60px;
    background:
            radial-gradient(circle at 85% 20%,rgba(246,183,60,.16),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    border-radius:28px;
    padding:40px;
}

body.page-odeme .process-box h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-odeme .process-box p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:28px;
}

body.page-odeme .step-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:22px;
    height:100%;
}

body.page-odeme .step-number{
    width:46px;
    height:46px;
    border-radius:16px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    margin-bottom:16px;
}

body.page-odeme .step-card h3{
    font-size:19px;
    font-weight:900;
    margin-bottom:8px;
}

body.page-odeme .step-card span{
    color:#cbd5e1;
    line-height:1.7;
    display:block;
}

/* FOOTER */

body.page-odeme footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

body.page-odeme footer p,
body.page-odeme footer a{
    color:#94a3b8;
}

body.page-odeme footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .purchase-hero{
        padding:60px 0 75px;
    }

    .purchase-hero h1{
        font-size:40px;
    }

    .summary-card,
    .payment-card{
        height:auto;
    }

    .payment-method-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .purchase-hero{
        padding:50px 0 60px;
    }

    .purchase-hero h1{
        font-size:31px;
    }

    .purchase-hero p{
        font-size:15px;
    }

    .page-content{
        padding:42px 0 55px;
    }

    .summary-card,
    .payment-card,
    .bank-card,
    .payment-result-card,
    .payment-iframe-card,
    .section-head,
    .process-box{
        border-radius:20px;
        padding:22px;
    }

    .summary-card h2,
    .payment-card h2,
    .section-head h2,
    .process-box h2{
        font-size:26px;
    }

    .order-row{
        display:block;
    }

    .order-row strong{
        display:block;
        text-align:left;
        margin-top:8px;
    }

    .iban-line{
        display:block;
    }

    .copy-btn{
        margin-top:10px;
    }

    .payment-result-card h2{
        font-size:27px;
    }

    .payment-iframe-card iframe{
        min-height:620px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* paketler.css */
body.page-paketler{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-paketler *{
    box-sizing:border-box;
}

body.page-paketler,
body.page-paketler{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-paketler a{
    text-decoration:none;
}

/* HEADER */

body.page-paketler .navbar{
    background:var(--dark);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-paketler .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-paketler .navbar-brand span{
    color:var(--gold);
}

body.page-paketler .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-paketler .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
}

body.page-paketler .nav-link:hover,
body.page-paketler .nav-link.active{
    color:var(--gold)!important;
}

body.page-paketler .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-paketler .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-paketler .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-paketler .btn-dark-premium{
    background:var(--dark);
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-paketler .btn-dark-premium:hover{
    background:var(--dark2);
    color:#fff!important;
}

body.page-paketler .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-paketler .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-paketler .page-hero{
    background:
            radial-gradient(circle at top left,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 25%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    padding:80px 0 90px;
    color:#fff;
}

body.page-paketler .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
}

body.page-paketler .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-paketler .page-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:18px;
}

body.page-paketler .page-hero h1 span{
    color:var(--gold);
}

body.page-paketler .page-hero p{
    max-width:760px;
    color:#d1d5db;
    font-size:17px;
    line-height:1.8;
    margin:0;
}

body.page-paketler .hero-actions{
    margin-top:28px;
    display:flex;
    flex-wrap:wrap;
    gap:13px;
}

body.page-paketler .hero-stats{
    margin-top:36px;
}

body.page-paketler .hero-stat{
    height:100%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:20px;
}

body.page-paketler .hero-stat strong{
    display:block;
    color:#fff;
    font-size:30px;
    font-weight:900;
    line-height:1;
}

body.page-paketler .hero-stat span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
    margin-top:8px;
}

/* CONTENT */

body.page-paketler .content-wrap{
    position:relative;
    z-index:2;
    padding:70px 0 80px;
}

body.page-paketler .section{
    padding-top:0;
}

body.page-paketler .section + .section{
    padding-top:70px;
}

body.page-paketler .section-head{
    margin-bottom:30px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-paketler .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-paketler .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-paketler .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:650px;
    margin:0;
}

/* PACKAGE */

body.page-paketler .package-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    display:flex;
    flex-direction:column;
    transition:.25s;
}

body.page-paketler .package-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(15,23,42,.13);
}

body.page-paketler .package-card.featured{
    background:linear-gradient(145deg,var(--dark),var(--dark2));
    border:2px solid var(--gold);
    color:#fff;
}

body.page-paketler .package-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:22px;
}

body.page-paketler .package-icon{
    width:66px;
    height:66px;
    min-width:66px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:31px;
}

body.page-paketler .package-card.featured .package-icon{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
}

body.page-paketler .package-badge{
    display:inline-flex;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border-radius:999px;
    padding:7px 13px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

body.page-paketler .package-card h3{
    font-size:24px;
    font-weight:900;
    margin:0 0 10px;
}

body.page-paketler .package-desc{
    color:var(--text);
    line-height:1.7;
    margin-bottom:20px;
}

body.page-paketler .package-card.featured .package-desc{
    color:#cbd5e1;
}

body.page-paketler .price{
    font-size:44px;
    font-weight:900;
    line-height:1;
    margin-bottom:8px;
}

body.page-paketler .period{
    color:var(--text);
    font-weight:700;
    margin-bottom:22px;
}

body.page-paketler .package-card.featured .period{
    color:#cbd5e1;
}

body.page-paketler .package-features{
    list-style:none;
    padding:0;
    margin:0 0 26px;
    flex:1;
}

body.page-paketler .package-features li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#475569;
    font-weight:700;
    line-height:1.5;
    margin-bottom:13px;
}

body.page-paketler .package-card.featured .package-features li{
    color:#e5e7eb;
}

body.page-paketler .package-features i{
    color:var(--green);
    margin-top:2px;
    min-width:16px;
}

body.page-paketler .package-card .btn{
    width:100%;
    margin-top:auto;
}

/* ADVANTAGES */

body.page-paketler .info-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-paketler .info-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    margin-bottom:18px;
}

body.page-paketler .info-card h3{
    font-size:21px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-paketler .info-card p{
    color:var(--text);
    line-height:1.75;
    margin:0;
}

/* TABLE */

body.page-paketler .compare-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    overflow:hidden;
}

body.page-paketler .table-responsive{
    overflow-x:auto;
}

body.page-paketler .compare-table{
    min-width:850px;
    margin:0;
}

body.page-paketler .compare-table th{
    background:var(--dark);
    color:#fff;
    padding:17px;
    white-space:nowrap;
}

body.page-paketler .compare-table th span{
    color:var(--gold);
}

body.page-paketler .compare-table td{
    padding:17px;
    color:#475569;
    font-weight:700;
    white-space:nowrap;
    vertical-align:middle;
}

body.page-paketler .compare-table td strong{
    color:#111827;
}

body.page-paketler .check{
    color:var(--green);
    font-size:20px;
}

body.page-paketler .minus{
    color:#94a3b8;
    font-size:20px;
}

/* CTA */

body.page-paketler .cta-box{
    margin-top:70px;
    background:linear-gradient(135deg,var(--dark),var(--dark2));
    color:#fff;
    border-radius:26px;
    padding:38px;
}

body.page-paketler .cta-box h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:10px;
}

body.page-paketler .cta-box p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

/* FAQ */

body.page-paketler .accordion-item{
    border:1px solid var(--border);
    border-radius:16px!important;
    overflow:hidden;
    margin-bottom:14px;
    box-shadow:0 10px 24px rgba(15,23,42,.04);
}

body.page-paketler .accordion-button{
    font-weight:900;
    color:#111827;
    padding:18px 20px;
}

body.page-paketler .accordion-button:not(.collapsed){
    background:#fff8e8;
    color:#111827;
    box-shadow:none;
}

body.page-paketler .accordion-button:focus{
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-paketler .accordion-body{
    color:var(--text);
    line-height:1.8;
}

/* FOOTER */

body.page-paketler footer{
    background:var(--dark);
    color:#fff;
    padding:42px 0 22px;
}

body.page-paketler footer p,
body.page-paketler footer a{
    color:#94a3b8;
}

body.page-paketler footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .page-hero{
        padding:65px 0 75px;
    }

    .page-hero h1{
        font-size:40px;
    }

    .section-head h2{
        font-size:32px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .page-hero{
        padding:55px 0 65px;
    }

    .page-hero h1{
        font-size:31px;
    }

    .page-hero p{
        font-size:15px;
    }

    .hero-actions .btn{
        width:100%;
    }

    .content-wrap{
        padding:45px 0 55px;
    }

    .section + .section{
        padding-top:50px;
    }

    .section-head{
        padding:22px;
        border-radius:20px;
    }

    .section-head h2{
        font-size:28px;
    }

    .package-card,
    .info-card,
    .compare-box,
    .cta-box{
        border-radius:20px;
    }

    .package-card,
    .info-card,
    .cta-box{
        padding:22px;
    }

    .package-top{
        display:block;
    }

    .package-badge{
        margin-top:14px;
    }

    .price{
        font-size:38px;
    }

    .cta-box h2{
        font-size:27px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* panel.css */
body.page-panel{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --red:#dc2626;
    --blue:#2563eb;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-panel *{
    box-sizing:border-box;
}

body.page-panel,
body.page-panel{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-panel a{
    text-decoration:none;
}

/* HEADER */

body.page-panel .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-panel .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-panel .navbar-brand span{
    color:var(--gold);
}

body.page-panel .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-panel .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
}

body.page-panel .nav-link:hover,
body.page-panel .nav-link.active{
    color:var(--gold)!important;
}

body.page-panel .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-panel .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-panel .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-panel .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-panel .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

body.page-panel .btn-dark-premium{
    background:#06111f;
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-panel .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff!important;
}

/* PANEL HERO */

body.page-panel .panel-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:58px 0 70px;
    color:#fff;
}

body.page-panel .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
}

body.page-panel .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-panel .panel-hero h1{
    font-size:46px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:12px;
}

body.page-panel .panel-hero h1 span{
    color:var(--gold);
}

body.page-panel .panel-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:760px;
    margin:0;
}

/* PANEL LAYOUT */

body.page-panel .panel-content{
    padding:60px 0 80px;
}

body.page-panel .panel-layout{
    display:grid;
    grid-template-columns:290px 1fr;
    gap:28px;
    align-items:start;
}

/* SIDEBAR */

body.page-panel .sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:22px;
    box-shadow:0 18px 50px rgba(15,23,42,.07);
    position:sticky;
    top:105px;
}

body.page-panel .user-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:22px;
    padding:22px;
    color:#fff;
    margin-bottom:18px;
}

body.page-panel .user-avatar{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:16px;
}

body.page-panel .user-card h3{
    font-size:20px;
    font-weight:900;
    margin-bottom:5px;
}

body.page-panel .user-card span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
    word-break:break-all;
}

body.page-panel .sidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
}

body.page-panel .sidebar-menu li{
    margin-bottom:8px;
}

body.page-panel .sidebar-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#475569;
    font-weight:900;
    padding:13px 14px;
    border-radius:14px;
    transition:.2s;
}

body.page-panel .sidebar-menu a i{
    color:#94a3b8;
    font-size:18px;
}

body.page-panel .sidebar-menu a:hover,
body.page-panel .sidebar-menu a.active{
    background:#fff8e8;
    color:#9a6500;
}

body.page-panel .sidebar-menu a:hover i,
body.page-panel .sidebar-menu a.active i{
    color:#9a6500;
}

body.page-panel .sidebar-logout{
    margin-top:16px;
    border-top:1px solid #eef2f7;
    padding-top:16px;
}

body.page-panel .sidebar-logout a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#dc2626;
    font-weight:900;
    padding:13px 14px;
    border-radius:14px;
}

body.page-panel .sidebar-logout a:hover{
    background:#fff1f2;
}

/* MAIN */

body.page-panel .panel-main{
    min-width:0;
}

body.page-panel .welcome-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    border-radius:28px;
    padding:34px;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
    margin-bottom:28px;
}

body.page-panel .welcome-card small{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-panel .welcome-card h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-panel .welcome-card p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

/* STAT CARDS */

body.page-panel .stat-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:24px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    display:flex;
    align-items:center;
    gap:16px;
}

body.page-panel .stat-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    flex-shrink:0;
}

body.page-panel .stat-card strong{
    display:block;
    font-size:28px;
    font-weight:900;
    color:#111827;
    line-height:1;
}

body.page-panel .stat-card span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    margin-top:7px;
}

/* COMMON CARD */

body.page-panel .panel-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:28px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    height:100%;
}

body.page-panel .card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:24px;
}

body.page-panel .card-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:7px;
}

body.page-panel .card-head h3{
    font-size:25px;
    font-weight:900;
    margin:0;
}

body.page-panel .card-head p{
    color:var(--text);
    line-height:1.7;
    margin:8px 0 0;
}

/* PACKAGE */

body.page-panel .package-status{
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    color:#15803d;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:999px;
    padding:8px 13px;
    font-size:13px;
    font-weight:900;
}

body.page-panel .package-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    padding:20px;
    margin-bottom:18px;
}

body.page-panel .package-box span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    margin-bottom:6px;
}

body.page-panel .package-box strong{
    display:block;
    color:#111827;
    font-size:21px;
    font-weight:900;
}

body.page-panel .progress{
    height:12px;
    border-radius:999px;
    background:#eef2f7;
}

body.page-panel .progress-bar{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
}

body.page-panel .days-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-top:12px;
    color:#64748b;
    font-size:13px;
    font-weight:800;
}

/* FORMS */

body.page-panel .form-label{
    color:#111827;
    font-weight:900;
    margin-bottom:8px;
}

body.page-panel .form-control,
body.page-panel .form-select{
    min-height:54px;
    border:1px solid var(--border);
    border-radius:14px;
    font-weight:800;
    color:#111827;
}

body.page-panel .form-control:focus,
body.page-panel .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-panel textarea.form-control{
    min-height:130px;
    resize:none;
    padding-top:14px;
}

/* LISTS */

body.page-panel .simple-list{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-panel .simple-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-panel .simple-list li:last-child{
    border-bottom:0;
}

body.page-panel .simple-list strong{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:4px;
}

body.page-panel .simple-list span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

body.page-panel .badge-premium{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

body.page-panel .badge-open{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#eff6ff;
    color:#1d4ed8;
    border:1px solid #bfdbfe;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

body.page-panel .badge-closed{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#ecfdf5;
    color:#15803d;
    border:1px solid #bbf7d0;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

body.page-panel .badge-wait{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#fff7ed;
    color:#c2410c;
    border:1px solid #fed7aa;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

/* TICKET */

body.page-panel .ticket-form-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:20px;
    padding:22px;
}

body.page-panel .ticket-message{
    display:flex;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-panel .ticket-message:last-child{
    border-bottom:0;
    padding-bottom:0;
}

body.page-panel .ticket-avatar{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

body.page-panel .ticket-content strong{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:4px;
}

body.page-panel .ticket-content span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
}

body.page-panel .ticket-content p{
    color:#475569;
    line-height:1.7;
    margin:0;
    font-size:14px;
}

body.page-panel .ticket-thread{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:20px;
    padding:8px 22px;
    max-height:560px;
    overflow-y:auto;
}

body.page-panel .ticket-message.is-own{
    flex-direction:row-reverse;
}

body.page-panel .ticket-message.is-own .ticket-content{
    text-align:right;
}

body.page-panel .ticket-message.is-own .ticket-content p{
    background:#06111f;
    color:#fff;
}

body.page-panel .ticket-content p{
    background:#fff;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:14px 16px;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
}

body.page-panel .ticket-reply{
    margin-top:22px;
    background:#fff;
    border:1px solid #eef2f7;
    border-radius:20px;
    padding:20px;
}

body.page-panel .ticket-send{
    margin-top:14px;
}

body.page-panel .panel-alert{
    border-radius:18px;
    padding:16px 18px;
    margin-bottom:22px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-weight:800;
    line-height:1.6;
}

body.page-panel .success-alert{
    background:#ecfdf5;
    color:#15803d;
    border:1px solid #bbf7d0;
}

body.page-panel .error-alert{
    background:#fef2f2;
    color:#b91c1c;
    border:1px solid #fecaca;
}

body.page-panel .panel-table-wrap{
    width:100%;
    overflow-x:auto;
}

body.page-panel .panel-table{
    width:100%;
    border-collapse:collapse;
    min-width:720px;
}

body.page-panel .panel-table th{
    background:#f8fafc;
    color:#64748b;
    font-size:12px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:14px 12px;
    border-bottom:1px solid #eef2f7;
    white-space:nowrap;
}

body.page-panel .panel-table td{
    color:#334155;
    font-weight:800;
    padding:15px 12px;
    border-bottom:1px solid #eef2f7;
    vertical-align:middle;
}

body.page-panel .panel-table tr:last-child td{
    border-bottom:0;
}

body.page-panel .pagination-summary{
    margin-top:18px;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    text-align:center;
}

body.page-panel .pagination-wrap{
    margin-top:16px;
    display:flex;
    justify-content:center;
}

body.page-panel .pagination{
    gap:8px;
    flex-wrap:wrap;
}

body.page-panel .page-link{
    width:46px;
    height:46px;
    border-radius:14px!important;
    border:1px solid var(--border);
    color:#111827;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(15,23,42,.04);
}

body.page-panel .page-link:hover{
    background:#fff8e8;
    border-color:rgba(246,183,60,.45);
    color:#111827;
}

body.page-panel .page-item.active .page-link{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border-color:transparent;
}

body.page-panel .page-item.disabled .page-link{
    opacity:.45;
    pointer-events:none;
}

/* FOOTER */

body.page-panel footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

body.page-panel footer p,
body.page-panel footer a{
    color:#94a3b8;
}

body.page-panel footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

body.page-panel .mobile-panel-toggle{
    display:none;
    width:100%;
    margin-bottom:18px;
}

@media(max-width:1199px){
    body.page-panel .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    body.page-panel .btn-gold,
    body.page-panel .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    body.page-panel .navbar-collapse{
        padding-top:18px;
    }

    body.page-panel .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    body.page-panel .nav-buttons .btn{
        width:100%;
    }

    body.page-panel .panel-layout{
        grid-template-columns:1fr;
    }

    body.page-panel .sidebar{
        position:static;
        top:auto;
        display:none;
    }

    body.page-panel .sidebar.show{
        display:block;
    }

    body.page-panel .mobile-panel-toggle{
        display:flex;
    }

    body.page-panel .panel-hero h1{
        font-size:38px;
    }

    body.page-panel .welcome-card h2{
        font-size:29px;
    }
}

@media(max-width:576px){
    body.page-panel .container{
        padding-left:18px;
        padding-right:18px;
    }

    body.page-panel .navbar-brand{
        font-size:23px;
    }

    body.page-panel .panel-hero{
        padding:48px 0 56px;
    }

    body.page-panel .panel-hero h1{
        font-size:31px;
    }

    body.page-panel .panel-hero p{
        font-size:15px;
    }

    body.page-panel .panel-content{
        padding:42px 0 55px;
    }

    body.page-panel .welcome-card,
    body.page-panel .panel-card,
    body.page-panel .sidebar{
        border-radius:20px;
        padding:22px;
    }

    body.page-panel .card-head{
        display:block;
    }

    body.page-panel .card-head .btn-gold,
    body.page-panel .card-head .btn-dark-premium{
        width:100%;
        margin-top:15px;
    }

    body.page-panel .simple-list li{
        display:block;
    }

    body.page-panel .simple-list li > div + div{
        margin-top:12px;
    }

    body.page-panel .days-row{
        display:block;
    }

    body.page-panel .days-row span + span{
        display:block;
        margin-top:7px;
    }

    body.page-panel footer .d-flex{
        display:block!important;
    }

    body.page-panel footer p + p{
        margin-top:12px;
    }
}

body.page-panel .progress-width-60{width:60%;}

/* register.css */
body.page-register{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --danger:#ef4444;
}

body.page-register *{
    box-sizing:border-box;
}

body.page-register{
    margin:0;
    font-family:Arial,sans-serif;
    background:#f5f7fb;
    color:#111827;
}

body.page-register a{
    text-decoration:none;
}

body.page-register .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-register .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-register .navbar-brand span{
    color:var(--gold);
}

body.page-register .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-register .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-register .nav-link:hover,
body.page-register .nav-link.active{
    color:var(--gold)!important;
}

body.page-register .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-register .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-register .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-register .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff;
}

body.page-register .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-register .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}

/* LOGIN HERO */

body.page-register .login-section{
    min-height:calc(100vh - 83px);
    background:
            radial-gradient(circle at 10% 12%,rgba(246,183,60,.18),transparent 28%),
            radial-gradient(circle at 85% 18%,rgba(255,226,160,.13),transparent 26%),
            linear-gradient(135deg,#06111f 0%,#0b1b2f 48%,#06111f 100%);
    padding:70px 0;
    position:relative;
    overflow:hidden;
}

body.page-register .login-section:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(246,183,60,.08);
    right:-160px;
    bottom:-170px;
}

body.page-register .login-section:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,226,160,.06);
    left:-120px;
    top:100px;
}

body.page-register .login-wrapper{
    position:relative;
    z-index:2;
}

body.page-register .login-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 30px 90px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.16);
}

body.page-register .login-left{
    padding:48px;
    background:#fff;
}

body.page-register .login-left .page-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:22px;
}

body.page-register .login-left h1{
    font-size:40px;
    line-height:1.15;
    font-weight:900;
    margin-bottom:14px;
    color:#111827;
}

body.page-register .login-left p{
    color:var(--text);
    line-height:1.8;
    margin-bottom:30px;
}

body.page-register .alert-custom{
    display:none;
    background:#fff1f2;
    color:#be123c;
    border:1px solid #fecdd3;
    border-radius:14px;
    padding:13px 16px;
    font-weight:700;
    margin-bottom:20px;
}

body.page-register .form-label{
    font-weight:900;
    color:#111827;
    margin-bottom:8px;
}

body.page-register .input-box{
    position:relative;
}

body.page-register .input-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
    font-size:18px;
    z-index:2;
}

body.page-register .form-control{
    height:56px;
    border-radius:14px;
    border:1px solid var(--border);
    padding-left:46px;
    font-weight:700;
    color:#111827;
    background:#fff;
}

body.page-register .form-control:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-register .password-toggle{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#94a3b8;
    font-size:18px;
    z-index:3;
}

body.page-register .form-check-input{
    border-radius:6px;
    border:1px solid var(--border);
}

body.page-register .form-check-input:checked{
    background-color:var(--gold);
    border-color:var(--gold);
}

body.page-register .form-check-label{
    color:#475569;
    font-weight:700;
}

body.page-register .forgot-link{
    color:#06111f;
    font-weight:900;
}

body.page-register .forgot-link:hover{
    color:var(--gold);
}

body.page-register .login-submit{
    width:100%;
    height:56px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:14px;
    font-weight:900;
    box-shadow:0 14px 34px rgba(246,183,60,.30);
}

body.page-register .login-submit:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-register .divider{
    display:flex;
    align-items:center;
    gap:14px;
    color:var(--text);
    font-weight:800;
    font-size:13px;
    margin:28px 0;
}

body.page-register .divider:before,
body.page-register .divider:after{
    content:"";
    height:1px;
    flex:1;
    background:#e5e7eb;
}

body.page-register .register-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    padding:18px;
    text-align:center;
}

body.page-register .register-box span{
    color:var(--text);
    font-weight:700;
}

body.page-register .register-box a{
    color:#06111f;
    font-weight:900;
}

body.page-register .register-box a:hover{
    color:var(--gold);
}

/* RIGHT SIDE */

body.page-register .login-right{
    min-height:100%;
    padding:48px;
    background:
            linear-gradient(90deg,rgba(6,17,31,.96),rgba(6,17,31,.88)),
            url("../images/login-bg.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}

body.page-register .login-right:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(246,183,60,.10);
    right:-90px;
    bottom:-90px;
}

body.page-register .login-right-content{
    position:relative;
    z-index:2;
}

body.page-register .side-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:24px;
}

body.page-register .login-right h2{
    font-size:36px;
    line-height:1.18;
    font-weight:900;
    margin-bottom:16px;
}

body.page-register .login-right h2 span{
    color:var(--gold);
}

body.page-register .login-right p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:30px;
}

body.page-register .feature-list{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-register .feature-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#e5e7eb;
    font-weight:700;
    margin-bottom:16px;
}

body.page-register .feature-list li i{
    color:var(--gold);
    margin-top:2px;
}

body.page-register .stats-mini{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:34px;
}

body.page-register .stat-mini{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:18px;
    backdrop-filter:blur(8px);
}

body.page-register .stat-mini strong{
    display:block;
    color:#fff;
    font-size:27px;
    font-weight:900;
    line-height:1;
}

body.page-register .stat-mini span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    margin-top:8px;
    font-weight:700;
}

body.page-register .back-home{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#cbd5e1;
    font-weight:800;
    margin-top:26px;
}

body.page-register .back-home:hover{
    color:var(--gold);
}

/* FOOTER */

body.page-register footer{
    background:#06111f;
    color:#fff;
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

body.page-register footer p,
body.page-register footer a{
    color:#94a3b8;
}

body.page-register footer a:hover{
    color:var(--gold);
}

@media(max-width:991px){
    .login-section{
        min-height:auto;
        padding:50px 0;
    }

    .login-right{
        display:none;
    }

    .login-left{
        padding:36px;
    }

    .login-left h1{
        font-size:34px;
    }
}

@media(max-width:576px){
    .navbar-brand{
        font-size:24px;
    }

    .login-section{
        padding:35px 0;
    }

    .login-card{
        border-radius:22px;
    }

    .login-left{
        padding:24px;
    }

    .login-left h1{
        font-size:29px;
    }

    .login-options{
        display:block!important;
    }

    .forgot-link{
        display:block;
        margin-top:12px;
    }
}

/* sifre-unuttum.css */
body.page-sifre-unuttum{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
    --danger:#ef4444;
}

body.page-sifre-unuttum *{
    box-sizing:border-box;
}

body.page-sifre-unuttum{
    margin:0;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-sifre-unuttum a{
    text-decoration:none;
}

body.page-sifre-unuttum .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-sifre-unuttum .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-sifre-unuttum .navbar-brand span{
    color:var(--gold);
}

body.page-sifre-unuttum .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-sifre-unuttum .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-sifre-unuttum .nav-link:hover,
body.page-sifre-unuttum .nav-link.active{
    color:var(--gold)!important;
}

body.page-sifre-unuttum .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-sifre-unuttum .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-sifre-unuttum .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-sifre-unuttum .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}

body.page-sifre-unuttum .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-sifre-unuttum .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff;
}

/* FORGOT PASSWORD */

body.page-sifre-unuttum .forgot-section{
    min-height:calc(100vh - 83px);
    background:
            radial-gradient(circle at 10% 12%,rgba(246,183,60,.18),transparent 28%),
            radial-gradient(circle at 85% 18%,rgba(255,226,160,.13),transparent 26%),
            linear-gradient(135deg,#06111f 0%,#0b1b2f 48%,#06111f 100%);
    padding:70px 0;
    position:relative;
    overflow:hidden;
}

body.page-sifre-unuttum .forgot-section:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(246,183,60,.08);
    right:-160px;
    bottom:-170px;
}

body.page-sifre-unuttum .forgot-section:after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(255,226,160,.06);
    left:-120px;
    top:100px;
}

body.page-sifre-unuttum .forgot-wrapper{
    position:relative;
    z-index:2;
}

body.page-sifre-unuttum .forgot-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 30px 90px rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.16);
}

body.page-sifre-unuttum .forgot-left{
    padding:48px;
    background:#fff;
}

body.page-sifre-unuttum .page-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:22px;
}

body.page-sifre-unuttum .icon-main{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:24px;
    box-shadow:0 16px 38px rgba(246,183,60,.28);
}

body.page-sifre-unuttum .forgot-left h1{
    font-size:40px;
    line-height:1.15;
    font-weight:900;
    margin-bottom:14px;
    color:#111827;
}

body.page-sifre-unuttum .forgot-left p{
    color:var(--text);
    line-height:1.8;
    margin-bottom:28px;
}

body.page-sifre-unuttum .alert-custom{
    display:none;
    background:#fff1f2;
    color:#be123c;
    border:1px solid #fecdd3;
    border-radius:14px;
    padding:13px 16px;
    font-weight:700;
    margin-bottom:20px;
}

body.page-sifre-unuttum .success-custom{
    display:none;
    background:#f0fdf4;
    color:#15803d;
    border:1px solid #bbf7d0;
    border-radius:14px;
    padding:13px 16px;
    font-weight:700;
    margin-bottom:20px;
}

body.page-sifre-unuttum .form-label{
    font-weight:900;
    color:#111827;
    margin-bottom:8px;
}

body.page-sifre-unuttum .input-box{
    position:relative;
}

body.page-sifre-unuttum .input-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
    font-size:18px;
    z-index:2;
}

body.page-sifre-unuttum .form-control{
    height:56px;
    border-radius:14px;
    border:1px solid var(--border);
    padding-left:46px;
    font-weight:700;
    color:#111827;
    background:#fff;
}

body.page-sifre-unuttum .form-control:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-sifre-unuttum .password-toggle{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:#94a3b8;
    font-size:18px;
    z-index:3;
}

body.page-sifre-unuttum .forgot-submit{
    width:100%;
    height:56px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:14px;
    font-weight:900;
    box-shadow:0 14px 34px rgba(246,183,60,.30);
}

body.page-sifre-unuttum .forgot-submit:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-sifre-unuttum .info-note{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    border-radius:16px;
    padding:15px;
    color:#7c5200;
    line-height:1.7;
    font-weight:700;
    margin-top:22px;
}

body.page-sifre-unuttum .info-note i{
    color:#9a6500;
    margin-right:6px;
}

body.page-sifre-unuttum .login-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    padding:18px;
    text-align:center;
    margin-top:26px;
}

body.page-sifre-unuttum .login-box span{
    color:var(--text);
    font-weight:700;
}

body.page-sifre-unuttum .login-box a{
    color:#06111f;
    font-weight:900;
}

body.page-sifre-unuttum .login-box a:hover{
    color:var(--gold);
}

/* RIGHT */

body.page-sifre-unuttum .forgot-right{
    min-height:100%;
    padding:48px;
    background:
            linear-gradient(90deg,rgba(6,17,31,.96),rgba(6,17,31,.88)),
            url("../images/forgot-bg.jpg");
    background-size:cover;
    background-position:center;
    color:#fff;
    position:relative;
    overflow:hidden;
}

body.page-sifre-unuttum .forgot-right:before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(246,183,60,.10);
    right:-100px;
    bottom:-100px;
}

body.page-sifre-unuttum .forgot-right-content{
    position:relative;
    z-index:2;
}

body.page-sifre-unuttum .side-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:24px;
}

body.page-sifre-unuttum .forgot-right h2{
    font-size:38px;
    line-height:1.16;
    font-weight:900;
    margin-bottom:16px;
}

body.page-sifre-unuttum .forgot-right h2 span{
    color:var(--gold);
}

body.page-sifre-unuttum .forgot-right p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:30px;
}

body.page-sifre-unuttum .step-list{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-sifre-unuttum .step-list li{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-bottom:18px;
}

body.page-sifre-unuttum .step-number{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:13px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}

body.page-sifre-unuttum .step-list strong{
    display:block;
    color:#fff;
    font-weight:900;
    margin-bottom:4px;
}

body.page-sifre-unuttum .step-list span{
    display:block;
    color:#cbd5e1;
    line-height:1.6;
    font-size:14px;
}

body.page-sifre-unuttum .support-box{
    margin-top:32px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:22px;
    backdrop-filter:blur(8px);
}

body.page-sifre-unuttum .support-box h3{
    font-size:20px;
    font-weight:900;
    margin-bottom:8px;
}

body.page-sifre-unuttum .support-box p{
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:16px;
}

body.page-sifre-unuttum .btn-whatsapp{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#25d366;
    color:#fff;
    border-radius:13px;
    padding:11px 18px;
    font-weight:900;
}

body.page-sifre-unuttum .btn-whatsapp:hover{
    background:#1ebe5d;
    color:#fff;
}

body.page-sifre-unuttum .back-home{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#cbd5e1;
    font-weight:800;
    margin-top:26px;
}

body.page-sifre-unuttum .back-home:hover{
    color:var(--gold);
}

/* FOOTER */

body.page-sifre-unuttum footer{
    background:#06111f;
    color:#fff;
    padding:28px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

body.page-sifre-unuttum footer p,
body.page-sifre-unuttum footer a{
    color:#94a3b8;
}

body.page-sifre-unuttum footer a:hover{
    color:var(--gold);
}

@media(max-width:991px){
    .forgot-section{
        min-height:auto;
        padding:50px 0;
    }

    .forgot-right{
        display:none;
    }

    .forgot-left{
        padding:36px;
    }

    .forgot-left h1{
        font-size:34px;
    }
}

@media(max-width:576px){
    .navbar-brand{
        font-size:24px;
    }

    .forgot-section{
        padding:35px 0;
    }

    .forgot-card{
        border-radius:22px;
    }

    .forgot-left{
        padding:24px;
    }

    .forgot-left h1{
        font-size:29px;
    }

    .icon-main{
        width:66px;
        height:66px;
        font-size:30px;
        border-radius:20px;
    }
}

/* sozlesme.css */
body.page-sozlesme{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-sozlesme *{
    box-sizing:border-box;
}

body.page-sozlesme,
body.page-sozlesme{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-sozlesme a{
    text-decoration:none;
}

/* HEADER */

body.page-sozlesme .navbar{
    background:var(--dark);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-sozlesme .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-sozlesme .navbar-brand span{
    color:var(--gold);
}

body.page-sozlesme .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-sozlesme .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
}

body.page-sozlesme .nav-link:hover,
body.page-sozlesme .nav-link.active{
    color:var(--gold)!important;
}

body.page-sozlesme .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-sozlesme .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-sozlesme .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-sozlesme .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-sozlesme .page-hero{
    background:
            radial-gradient(circle at top left,rgba(246,183,60,.16),transparent 30%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    padding:58px 0;
    color:#fff;
}

body.page-sozlesme .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:16px;
}

body.page-sozlesme .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-sozlesme .page-hero h1{
    font-size:42px;
    font-weight:900;
    line-height:1.15;
    margin-bottom:12px;
}

body.page-sozlesme .page-hero h1 span{
    color:var(--gold);
}

body.page-sozlesme .page-hero p{
    color:#d1d5db;
    line-height:1.8;
    max-width:760px;
    margin:0;
}

/* CONTENT */

body.page-sozlesme .page-content{
    padding:60px 0 80px;
}

body.page-sozlesme .contract-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:28px;
    align-items:start;
}

body.page-sozlesme .contract-sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:22px;
    box-shadow:0 14px 40px rgba(15,23,42,.06);
    position:sticky;
    top:105px;
}

body.page-sozlesme .contract-sidebar h3{
    font-size:18px;
    font-weight:900;
    margin-bottom:16px;
}

body.page-sozlesme .contract-sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-sozlesme .contract-sidebar li{
    margin-bottom:8px;
}

body.page-sozlesme .contract-sidebar a{
    display:block;
    color:#475569;
    font-weight:800;
    font-size:14px;
    padding:10px 12px;
    border-radius:12px;
}

body.page-sozlesme .contract-sidebar a:hover,
body.page-sozlesme .contract-sidebar a.active{
    background:#fff8e8;
    color:#9a6500;
}

body.page-sozlesme .contract-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.06);
    overflow:hidden;
}

body.page-sozlesme .contract-top{
    padding:28px 32px;
    border-bottom:1px solid var(--border);
    background:#fff;
}

body.page-sozlesme .contract-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:16px;
}

body.page-sozlesme .contract-top h2{
    font-size:32px;
    font-weight:900;
    margin:0 0 10px;
}

body.page-sozlesme .contract-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    color:#64748b;
    font-size:14px;
    font-weight:700;
}

body.page-sozlesme .contract-meta span{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:999px;
    padding:8px 12px;
}

body.page-sozlesme .contract-body{
    padding:34px 32px;
}

body.page-sozlesme .contract-body h1,
body.page-sozlesme .contract-body h2,
body.page-sozlesme .contract-body h3,
body.page-sozlesme .contract-body h4{
    color:#111827;
    font-weight:900;
    line-height:1.35;
}

body.page-sozlesme .contract-body h2{
    font-size:26px;
    margin:36px 0 14px;
    padding-bottom:12px;
    border-bottom:1px solid #eef2f7;
}

body.page-sozlesme .contract-body h2:first-child{
    margin-top:0;
}

body.page-sozlesme .contract-body h3{
    font-size:21px;
    margin:28px 0 12px;
}

body.page-sozlesme .contract-body p{
    color:#475569;
    line-height:1.9;
    margin-bottom:16px;
    font-size:16px;
}

body.page-sozlesme .contract-body ul,
body.page-sozlesme .contract-body ol{
    color:#475569;
    line-height:1.9;
    padding-left:22px;
    margin-bottom:18px;
}

body.page-sozlesme .contract-body li{
    margin-bottom:8px;
}

body.page-sozlesme .contract-body strong{
    color:#111827;
}

body.page-sozlesme .contract-body .info-box{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    border-radius:16px;
    padding:18px;
    margin:24px 0;
    color:#7c5200;
    line-height:1.8;
    font-weight:700;
}

body.page-sozlesme .contract-body .gray-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:18px;
    margin:24px 0;
    color:#475569;
    line-height:1.8;
}

body.page-sozlesme .contract-footer{
    padding:24px 32px;
    background:#f8fafc;
    border-top:1px solid var(--border);
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:14px;
    align-items:center;
}

body.page-sozlesme .contract-footer p{
    margin:0;
    color:#64748b;
    font-weight:700;
}

body.page-sozlesme .print-btn{
    background:var(--dark);
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 18px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:7px;
}

body.page-sozlesme .print-btn:hover{
    background:var(--dark2);
}

/* FOOTER */

body.page-sozlesme footer{
    background:var(--dark);
    color:#fff;
    padding:42px 0 22px;
}

body.page-sozlesme footer p,
body.page-sozlesme footer a{
    color:#94a3b8;
}

body.page-sozlesme footer a:hover{
    color:var(--gold);
}

/* PRINT */

@media print{
    body.page-sozlesme .navbar,
    body.page-sozlesme .page-hero,
    body.page-sozlesme .contract-sidebar,
    body.page-sozlesme .contract-footer,
    body.page-sozlesme footer{
        display:none!important;
    }

    body.page-sozlesme{
        background:#fff;
    }

    body.page-sozlesme .page-content{
        padding:0;
    }

    body.page-sozlesme .contract-layout{
        display:block;
    }

    body.page-sozlesme .contract-card{
        border:0;
        box-shadow:none;
        border-radius:0;
    }

    body.page-sozlesme .contract-top,
    body.page-sozlesme .contract-body{
        padding:0;
    }

    body.page-sozlesme .contract-body p,
    body.page-sozlesme .contract-body li{
        font-size:13px;
    }
}

/* RESPONSIVE */

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .contract-layout{
        grid-template-columns:1fr;
    }

    .contract-sidebar{
        position:static;
        top:auto;
    }

    .page-hero h1{
        font-size:36px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .page-hero{
        padding:45px 0;
    }

    .page-hero h1{
        font-size:30px;
    }

    .page-content{
        padding:40px 0 55px;
    }

    .contract-top,
    .contract-body,
    .contract-footer{
        padding:22px;
    }

    .contract-card,
    .contract-sidebar{
        border-radius:20px;
    }

    .contract-top h2{
        font-size:26px;
    }

    .contract-body h2{
        font-size:23px;
    }

    .contract-footer{
        display:block;
    }

    .contract-footer .print-btn{
        width:100%;
        justify-content:center;
        margin-top:14px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* tahmin-detay.css */
body.page-tahmin-detay{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --blue:#168acb;
    --red:#dc2626;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-tahmin-detay *{box-sizing:border-box;}

body.page-tahmin-detay,
body.page-tahmin-detay{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-tahmin-detay a{text-decoration:none;}

/* HEADER */

body.page-tahmin-detay .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-tahmin-detay .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-tahmin-detay .navbar-brand span{
    color:var(--gold);
}

body.page-tahmin-detay .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-tahmin-detay .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
}

body.page-tahmin-detay .nav-link:hover,
body.page-tahmin-detay .nav-link.active{
    color:var(--gold)!important;
}

body.page-tahmin-detay .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-tahmin-detay .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-tahmin-detay .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-tahmin-detay .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-tahmin-detay .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-tahmin-detay .detail-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:70px 0 90px;
    color:#fff;
}

body.page-tahmin-detay .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:22px;
}

body.page-tahmin-detay .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-tahmin-detay .detail-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:16px;
}

body.page-tahmin-detay .detail-hero h1 span{
    color:var(--gold);
}

body.page-tahmin-detay .detail-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:780px;
    margin:0;
}

body.page-tahmin-detay .hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
}

body.page-tahmin-detay .meta-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    color:#e5e7eb;
    border-radius:999px;
    padding:10px 15px;
    font-size:14px;
    font-weight:800;
}

body.page-tahmin-detay .meta-item i{
    color:var(--gold);
}

/* CONTENT */

body.page-tahmin-detay .page-content{
    padding:70px 0 80px;
}

body.page-tahmin-detay .win-alert{
    background:linear-gradient(135deg,#159ca3,#33b6bb);
    color:#fff;
    border-radius:18px;
    padding:20px 24px;
    font-size:17px;
    font-weight:900;
    text-align:center;
    letter-spacing:.03em;
    margin-bottom:45px;
    box-shadow:0 18px 40px rgba(21,156,163,.20);
}

body.page-tahmin-detay .win-alert i{
    margin-right:10px;
}

/* PREMIUM COUPON CARDS */

body.page-tahmin-detay .coupon-card{
    height:100%;
    background:#fff;
    border:1px solid rgba(226,232,240,.95);
    border-radius:28px;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(15,23,42,.09);
    transition:.25s;
}

body.page-tahmin-detay .coupon-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 80px rgba(15,23,42,.16);
}

body.page-tahmin-detay .coupon-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:
            radial-gradient(circle at 85% 10%,rgba(246,183,60,.16),transparent 25%),
            radial-gradient(circle at 10% 90%,rgba(6,17,31,.06),transparent 28%);
    pointer-events:none;
}

body.page-tahmin-detay .coupon-head{
    position:relative;
    z-index:2;
    background:linear-gradient(135deg,#06111f,#0b1b2f);
    padding:26px 24px 68px;
    color:#fff;
}

body.page-tahmin-detay .coupon-head:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:44px;
    background:#fff;
    clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);
}

body.page-tahmin-detay .coupon-type{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
}

body.page-tahmin-detay .coupon-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:8px 13px;
    font-size:12px;
    font-weight:900;
}

body.page-tahmin-detay .coupon-author-box{
    width:110px;
    height:110px;
    border-radius:20px;
    padding:3px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    box-shadow:0 14px 34px rgba(246,183,60,.20);
    flex-shrink:0;
}

body.page-tahmin-detay .coupon-author-box img{
    width:100%;
    height:100%;
    border-radius:17px;

    background:#fff;
}

body.page-tahmin-detay .coupon-title{
    position:relative;
    z-index:3;
    margin-top:24px;
}

body.page-tahmin-detay .coupon-title h3{
    font-size:29px;
    font-weight:900;
    margin:0;
    line-height:1.15;
    text-transform:uppercase;
}

body.page-tahmin-detay .coupon-title h3 span{
    color:var(--gold);
    font-weight:900;
}

body.page-tahmin-detay .coupon-title p{
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
    margin:9px 0 0;
}

body.page-tahmin-detay .coupon-body{
    position:relative;
    z-index:3;
    padding:4px 24px 24px;
}

body.page-tahmin-detay .coupon-summary{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:20px;
}

body.page-tahmin-detay .summary-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:13px;
}

body.page-tahmin-detay .summary-box span{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    margin-bottom:5px;
}

body.page-tahmin-detay .summary-box strong{
    display:block;
    color:#111827;
    font-size:15px;
    font-weight:900;
}

body.page-tahmin-detay .legs{
    list-style:none;
    padding:0;
    margin:0 0 22px;
}

body.page-tahmin-detay .legs li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px 0;
    border-bottom:1px dashed #e5e7eb;
    color:#64748b;
    font-size:15px;
    line-height:1.6;
}

body.page-tahmin-detay .legs li:last-child{
    border-bottom:0;
}

body.page-tahmin-detay .leg-name{
    min-width:78px;
    color:#111827;
    font-weight:900;
    font-size:13px;
    letter-spacing:.02em;
}

body.page-tahmin-detay .horse-list{
    flex:1;
    color:#64748b;
    font-weight:700;
}

body.page-tahmin-detay .pick{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:linear-gradient(135deg,#16a34a,#22c55e);
    color:#fff;
    font-weight:900;
    margin:0 4px;
    font-size:13px;
    box-shadow:0 8px 18px rgba(22,163,74,.22);
}

body.page-tahmin-detay .coupon-result{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:10px;
}

body.page-tahmin-detay .price-box,
body.page-tahmin-detay .prize-box{
    border-radius:18px;
    padding:16px;
    text-align:center;
    font-weight:900;
}

body.page-tahmin-detay .price-box{
    background:#eff6ff;
    border:1px solid #bfdbfe;
    color:#1d4ed8;
}

body.page-tahmin-detay .prize-box{
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    color:#15803d;
}

body.page-tahmin-detay .price-box span,
body.page-tahmin-detay .prize-box span{
    font-weight:900;
    color:#111827;
}

body.page-tahmin-detay .prize-box i,
body.page-tahmin-detay .price-box i{
    margin-right:8px;
}

body.page-tahmin-detay .coupon-card.small .coupon-head{
    background:linear-gradient(135deg,#06111f,#12375a);
}

body.page-tahmin-detay .coupon-card.normal .coupon-head{
    background:linear-gradient(135deg,#06111f,#4c1620);
}

body.page-tahmin-detay .coupon-card.large .coupon-head{
    background:linear-gradient(135deg,#06111f,#12413f);
}

body.page-tahmin-detay .coupon-card.small .coupon-label{
    color:#93c5fd;
    border-color:rgba(147,197,253,.35);
    background:rgba(147,197,253,.10);
}

body.page-tahmin-detay .coupon-card.normal .coupon-label{
    color:#fca5a5;
    border-color:rgba(252,165,165,.35);
    background:rgba(252,165,165,.10);
}

body.page-tahmin-detay .coupon-card.large .coupon-label{
    color:#5eead4;
    border-color:rgba(94,234,212,.35);
    background:rgba(94,234,212,.10);
}

/* WRITER NOTE */

body.page-tahmin-detay .writer-note{
    margin-top:60px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:34px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-tahmin-detay .writer-note-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-tahmin-detay .writer-note h2{
    font-size:30px;
    font-weight:900;
    margin-bottom:16px;
}

body.page-tahmin-detay .writer-note h2 span{
    color:var(--red);
}

body.page-tahmin-detay .writer-note p{
    color:#111827;
    line-height:1.9;
    font-size:19px;
    font-weight:800;
    margin:0;
}

/* COMMENTS */

body.page-tahmin-detay .comments-section{
    margin-top:50px;
}

body.page-tahmin-detay .section-head{
    margin-bottom:26px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-tahmin-detay .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-tahmin-detay .section-head h2{
    font-size:34px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-tahmin-detay .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:0;
}

body.page-tahmin-detay .comment-form-card,
body.page-tahmin-detay .comment-list-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:28px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    height:100%;
}

body.page-tahmin-detay .comment-form-card h3,
body.page-tahmin-detay .comment-list-card h3{
    font-size:22px;
    font-weight:900;
    margin-bottom:20px;
}

body.page-tahmin-detay .form-label{
    font-weight:900;
    color:#111827;
}

body.page-tahmin-detay .form-control{
    border:1px solid var(--border);
    border-radius:14px;
    min-height:54px;
    font-weight:700;
}

body.page-tahmin-detay textarea.form-control{
    min-height:140px;
    resize:none;
    padding-top:14px;
}

body.page-tahmin-detay .form-control:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-tahmin-detay .btn-comment{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:14px;
    padding:14px 22px;
    font-weight:900;
    width:100%;
}

body.page-tahmin-detay .comment-item{
    display:flex;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-tahmin-detay .comment-item:first-of-type{
    padding-top:0;
}

body.page-tahmin-detay .comment-item:last-child{
    border-bottom:0;
    padding-bottom:0;
}

body.page-tahmin-detay .comment-avatar{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

body.page-tahmin-detay .comment-content strong{
    display:block;
    font-size:15px;
    font-weight:900;
    color:#111827;
    margin-bottom:4px;
}

body.page-tahmin-detay .comment-content span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
}

body.page-tahmin-detay .comment-content p{
    color:#475569;
    line-height:1.7;
    margin:0;
    font-size:14px;
}

body.page-tahmin-detay .comment-meta-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

body.page-tahmin-detay .comment-status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:92px;
    padding:6px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    flex-shrink:0;
}

body.page-tahmin-detay .comment-status-badge.is-approved{
    background:#dcfce7;
    color:#166534;
}

body.page-tahmin-detay .comment-status-badge.is-pending{
    background:#fef3c7;
    color:#92400e;
}

body.page-tahmin-detay .comment-status-badge.is-rejected{
    background:#fee2e2;
    color:#991b1b;
}

body.page-tahmin-detay .moderation-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

body.page-tahmin-detay .moderation-summary div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:12px;
}

body.page-tahmin-detay .moderation-summary small{
    display:block;
    color:#64748b;
    font-size:11px;
    font-weight:800;
    margin-bottom:6px;
}

body.page-tahmin-detay .moderation-summary strong{
    display:block;
    color:#111827;
    font-size:18px;
    font-weight:900;
}

body.page-tahmin-detay .comment-admin-reply{
    margin-top:14px;
    padding:14px;
    background:#1118270d;
    border-radius:12px;
}

body.page-tahmin-detay .admin-comment-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

body.page-tahmin-detay .admin-comment-actions form{
    margin:0;
}

body.page-tahmin-detay .admin-reply-form{
    margin-top:14px;
}

body.page-tahmin-detay .admin-reply-form textarea.form-control{
    min-height:110px;
}

body.page-tahmin-detay .pagination-summary{
    margin-top:18px;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

body.page-tahmin-detay .pagination-wrap{
    margin-top:16px;
}

body.page-tahmin-detay .comment-login-box,
body.page-tahmin-detay .comment-empty{
    background:#f8fafc;
    border:1px dashed #cbd5e1;
    border-radius:18px;
    padding:22px;
    color:#64748b;
    font-weight:800;
}

body.page-tahmin-detay .comment-login-box{
    text-align:center;
}

body.page-tahmin-detay .comment-login-box i,
body.page-tahmin-detay .comment-empty i{
    color:var(--gold);
    font-size:28px;
    margin-bottom:10px;
}

body.page-tahmin-detay .comment-login-box h4{
    color:#111827;
    font-size:20px;
    font-weight:900;
    margin:6px 0 8px;
}

body.page-tahmin-detay .comment-login-box p{
    color:#64748b;
    line-height:1.7;
    margin:0 0 18px;
}

body.page-tahmin-detay .comment-empty{
    display:flex;
    align-items:center;
    gap:12px;
}

/* CTA */

body.page-tahmin-detay .notice-box{
    margin-top:50px;
    background:
            radial-gradient(circle at 85% 20%,rgba(246,183,60,.16),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    border-radius:28px;
    padding:40px;
}

body.page-tahmin-detay .notice-box h3{
    font-size:32px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-tahmin-detay .notice-box p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

/* FOOTER */

body.page-tahmin-detay footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

body.page-tahmin-detay footer p,
body.page-tahmin-detay footer a{
    color:#94a3b8;
}

body.page-tahmin-detay footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .detail-hero{
        padding:60px 0 75px;
    }

    .detail-hero h1{
        font-size:40px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .detail-hero{
        padding:50px 0 60px;
    }

    .detail-hero h1{
        font-size:31px;
    }

    .detail-hero p{
        font-size:15px;
    }

    .page-content{
        padding:42px 0 55px;
    }

    .win-alert{
        margin-bottom:24px;
        font-size:14px;
        padding:16px;
        border-radius:16px;
    }

    .coupon-head{
        padding:22px 20px 62px;
    }

    .coupon-body{
        padding:2px 20px 22px;
    }

    .coupon-title h3{
        font-size:24px;
    }

    .coupon-summary{
        grid-template-columns:1fr;
    }

    .legs li{
        font-size:14px;
    }

    .leg-name{
        min-width:70px;
    }

    .writer-note,
    .section-head,
    .comment-form-card,
    .comment-list-card,
    .notice-box{
        border-radius:20px;
        padding:22px;
    }

    .writer-note p{
        font-size:17px;
    }

    .writer-note h2,
    .section-head h2{
        font-size:26px;
    }

    .notice-box h3{
        font-size:26px;
    }

    .comment-meta-row{
        flex-direction:column;
        align-items:flex-start;
    }

    .moderation-summary{
        grid-template-columns:1fr 1fr;
    }

    .notice-box .btn{
        width:100%;
        margin-top:18px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* tahminler.css */
body.page-tahminler{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --red:#dc2626;
    --blue:#2563eb;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-tahminler{
    margin:0;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-tahminler a{
    text-decoration:none;
}

body.page-tahminler .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-tahminler .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
}

body.page-tahminler .navbar-brand span{
    color:var(--gold);
}

body.page-tahminler .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-tahminler .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 6px;
}

body.page-tahminler .nav-link:hover,
body.page-tahminler .nav-link.active{
    color:var(--gold)!important;
}

body.page-tahminler .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
}

body.page-tahminler .btn-gold:hover{
    color:#111;
    transform:translateY(-1px);
}

body.page-tahminler .btn-dark-premium{
    background:#06111f;
    color:#fff;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
}

body.page-tahminler .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff;
}

body.page-tahminler .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold);
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
}

body.page-tahminler .btn-outline-gold:hover{
    background:var(--gold);
    color:#111;
}

/* HERO */

body.page-tahminler .page-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 28%),
            radial-gradient(circle at 85% 18%,rgba(255,226,160,.12),transparent 26%),
            linear-gradient(135deg,#06111f 0%,#0b1b2f 48%,#06111f 100%);
    padding:85px 0 125px;
    color:#fff;
    position:relative;
    overflow:hidden;
}

body.page-tahminler .page-hero:before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:rgba(246,183,60,.08);
    right:-130px;
    bottom:-140px;
}

body.page-tahminler .breadcrumb-custom{
    display:flex;
    gap:8px;
    align-items:center;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}

body.page-tahminler .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-tahminler .page-hero h1{
    font-size:54px;
    font-weight:900;
    line-height:1.08;
    margin-bottom:16px;
    position:relative;
    z-index:2;
}

body.page-tahminler .page-hero h1 span{
    color:var(--gold);
}

body.page-tahminler .page-hero p{
    color:#d1d5db;
    font-size:17px;
    line-height:1.85;
    max-width:760px;
    margin:0;
    position:relative;
    z-index:2;
}

body.page-tahminler .hero-mini-stats{
    margin-top:36px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    max-width:980px;
    position:relative;
    z-index:2;
}

body.page-tahminler .hero-stat{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px;
    padding:20px;
    backdrop-filter:blur(8px);
}

body.page-tahminler .hero-stat strong{
    display:block;
    font-size:30px;
    font-weight:900;
    line-height:1;
    color:#fff;
}

body.page-tahminler .hero-stat span{
    display:block;
    margin-top:8px;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
}

/* CONTENT */

body.page-tahminler .content-wrap{
    margin-top:-65px;
    position:relative;
    z-index:3;
    padding-bottom:80px;
}

body.page-tahminler .filter-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:22px;
    box-shadow:0 14px 40px rgba(15,23,42,.08);
    margin-bottom:34px;
}

body.page-tahminler .search-box{
    position:relative;
}

body.page-tahminler .search-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
}

body.page-tahminler .form-control,
body.page-tahminler .form-select{
    min-height:54px;
    border-radius:14px;
    border:1px solid var(--border);
    font-weight:700;
    color:#111827;
}

body.page-tahminler .search-box .form-control{
    padding-left:44px;
}

body.page-tahminler .form-control:focus,
body.page-tahminler .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-tahminler .section-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:28px;
}

body.page-tahminler .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-tahminler .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:0;
}

body.page-tahminler .section-head p{
    color:var(--text);
    margin:10px 0 0;
    max-width:620px;
    line-height:1.8;
}

/* TAHMIN CARD */

body.page-tahminler .prediction-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    overflow:hidden;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    transition:.25s;
    position:relative;
}

body.page-tahminler .prediction-card:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 60px rgba(15,23,42,.13);
}

body.page-tahminler .prediction-top{
    padding:22px;
    background:
            linear-gradient(90deg,rgba(6,17,31,.98),rgba(11,27,47,.95));
    color:#fff;
    position:relative;
}

body.page-tahminler .prediction-badge{
    position:absolute;
    top:18px;
    right:18px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:7px 13px;
    font-size:12px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

body.page-tahminler .author-row{
    display:flex;
    align-items:center;
    gap:14px;
    padding-right:105px;
}

body.page-tahminler .author-photo{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    border:3px solid var(--gold);
    box-shadow:0 10px 25px rgba(246,183,60,.25);
    background:#eee;
    flex-shrink:0;
}

body.page-tahminler .author-row h4{
    font-size:17px;
    font-weight:900;
    margin:0;
}

body.page-tahminler .author-row span{
    color:#d1d5db;
    font-size:13px;
    display:block;
    margin-top:4px;
}

body.page-tahminler .prediction-title-box{
    margin-top:22px;
}

body.page-tahminler .prediction-title-box small{
    display:block;
    color:#cbd5e1;
    font-weight:800;
    margin-bottom:6px;
}

body.page-tahminler .prediction-title-box h3{
    font-size:22px;
    font-weight:900;
    color:#fff;
    margin:0;
    line-height:1.35;
}

body.page-tahminler .prediction-body{
    padding:22px;
}

body.page-tahminler .info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:20px;
}

body.page-tahminler .info-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:13px;
}

body.page-tahminler .info-box span{
    display:block;
    color:var(--text);
    font-size:12px;
    margin-bottom:5px;
    font-weight:700;
}

body.page-tahminler .info-box strong{
    display:block;
    color:#111827;
    font-size:14px;
    font-weight:900;
}

body.page-tahminler .prediction-note{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    border-radius:16px;
    padding:14px;
    color:#7c5200;
    font-size:14px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:20px;
}

body.page-tahminler .prediction-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-top:1px solid #eef2f7;
    padding-top:18px;
}

body.page-tahminler .status-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#eff6ff;
    color:#1d4ed8;
    border:1px solid #bfdbfe;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
}

body.page-tahminler .status-badge.premium{
    background:#fff8e8;
    color:#9a6500;
    border-color:rgba(246,183,60,.35);
}

body.page-tahminler .status-badge.free{
    background:#ecfdf5;
    color:#15803d;
    border-color:#bbf7d0;
}

/* SIDEBAR BOX */

body.page-tahminler .side-premium-box{
    background:
            linear-gradient(135deg,rgba(6,17,31,.98),rgba(11,27,47,.96)),
            url("../images/tahmin-bg.jpg");
    background-size:cover;
    background-position:center;
    border-radius:24px;
    padding:34px;
    color:#fff;
    overflow:hidden;
    position:relative;
    box-shadow:0 25px 70px rgba(6,17,31,.18);
    min-height:100%;
}

body.page-tahminler .side-premium-box:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    border-radius:50%;
    right:-70px;
    bottom:-70px;
    background:rgba(246,183,60,.10);
}

body.page-tahminler .side-premium-box .icon{
    width:74px;
    height:74px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:22px;
    position:relative;
    z-index:2;
}

body.page-tahminler .side-premium-box h3{
    font-size:31px;
    font-weight:900;
    margin-bottom:12px;
    position:relative;
    z-index:2;
}

body.page-tahminler .side-premium-box p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:24px;
    position:relative;
    z-index:2;
}

body.page-tahminler .side-premium-box ul{
    list-style:none;
    padding:0;
    margin:0 0 26px;
    position:relative;
    z-index:2;
}

body.page-tahminler .side-premium-box li{
    margin-bottom:12px;
    color:#e5e7eb;
    font-weight:700;
}

body.page-tahminler .side-premium-box li i{
    color:var(--gold);
    margin-right:7px;
}

body.page-tahminler .side-premium-box .btn-gold{
    position:relative;
    z-index:2;
}

/* PAGINATION */

body.page-tahminler .pagination-wrap{
    margin-top:44px;
    display:flex;
    justify-content:center;
}

body.page-tahminler .pagination{
    gap:8px;
    flex-wrap:wrap;
}

body.page-tahminler .page-link{
    width:46px;
    height:46px;
    border-radius:14px!important;
    border:1px solid var(--border);
    color:#111827;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(15,23,42,.04);
}

body.page-tahminler .page-link:hover{
    background:#fff8e8;
    border-color:rgba(246,183,60,.45);
    color:#111827;
}

body.page-tahminler .page-item.active .page-link{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border-color:transparent;
}

body.page-tahminler .page-item.disabled .page-link{
    opacity:.45;
}

/* FOOTER */

body.page-tahminler footer{
    background:#06111f;
    color:#fff;
    padding:45px 0 22px;
}

body.page-tahminler footer p,
body.page-tahminler footer a{
    color:#94a3b8;
}

body.page-tahminler footer a:hover{
    color:var(--gold);
}

@media(max-width:991px){
    .page-hero{
        padding:65px 0 100px;
    }

    .page-hero h1{
        font-size:40px;
    }

    .hero-mini-stats{
        grid-template-columns:1fr 1fr;
    }

    .section-head{
        display:block;
    }

    .section-head .btn-dark-premium{
        margin-top:16px;
    }
}

@media(max-width:576px){
    .navbar-brand{
        font-size:24px;
    }

    .page-hero{
        padding:55px 0 90px;
    }

    .page-hero h1{
        font-size:31px;
    }

    .page-hero p{
        font-size:15px;
    }

    .hero-mini-stats{
        grid-template-columns:1fr;
    }

    .content-wrap{
        margin-top:-48px;
        padding-bottom:55px;
    }

    .filter-card,
    .prediction-card,
    .side-premium-box{
        border-radius:20px;
    }

    .side-premium-box{
        padding:24px;
    }

    .side-premium-box h3{
        font-size:26px;
    }

    .author-row{
        padding-right:0;
        display:block;
    }

    .author-photo{
        margin-bottom:12px;
    }

    .prediction-badge{
        position:static;
        margin-bottom:15px;
    }

    .prediction-title-box{
        margin-top:18px;
    }

    .info-grid{
        grid-template-columns:1fr;
    }

    .prediction-footer{
        display:block;
    }

    .prediction-footer .btn-gold{
        width:100%;
        margin-top:14px;
    }
}

/* ticket.css */
body.page-ticket{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --red:#dc2626;
    --orange:#ea580c;
    --blue:#2563eb;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-ticket *{
    box-sizing:border-box;
}

body.page-ticket,
body.page-ticket{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-ticket a{
    text-decoration:none;
}

/* HEADER */

body.page-ticket .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-ticket .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-ticket .navbar-brand span{
    color:var(--gold);
}

body.page-ticket .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-ticket .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
}

body.page-ticket .nav-link:hover,
body.page-ticket .nav-link.active{
    color:var(--gold)!important;
}

body.page-ticket .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-ticket .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-ticket .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-ticket .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-ticket .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

body.page-ticket .btn-dark-premium{
    background:#06111f;
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-ticket .btn-dark-premium:hover{
    background:#0b1b2f;
    color:#fff!important;
}

/* HERO */

body.page-ticket .panel-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:58px 0 70px;
    color:#fff;
}

body.page-ticket .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:20px;
}

body.page-ticket .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-ticket .panel-hero h1{
    font-size:46px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:12px;
}

body.page-ticket .panel-hero h1 span{
    color:var(--gold);
}

body.page-ticket .panel-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:760px;
    margin:0;
}

/* LAYOUT */

body.page-ticket .panel-content{
    padding:60px 0 80px;
}

body.page-ticket .panel-layout{
    display:grid;
    grid-template-columns:290px 1fr;
    gap:28px;
    align-items:start;
}

/* SIDEBAR */

body.page-ticket .sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:22px;
    box-shadow:0 18px 50px rgba(15,23,42,.07);
    position:sticky;
    top:105px;
}

body.page-ticket .user-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:22px;
    padding:22px;
    color:#fff;
    margin-bottom:18px;
}

body.page-ticket .user-avatar{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:16px;
}

body.page-ticket .user-card h3{
    font-size:20px;
    font-weight:900;
    margin-bottom:5px;
}

body.page-ticket .user-card span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
    word-break:break-all;
}

body.page-ticket .sidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
}

body.page-ticket .sidebar-menu li{
    margin-bottom:8px;
}

body.page-ticket .sidebar-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#475569;
    font-weight:900;
    padding:13px 14px;
    border-radius:14px;
    transition:.2s;
}

body.page-ticket .sidebar-menu a i{
    color:#94a3b8;
    font-size:18px;
}

body.page-ticket .sidebar-menu a:hover,
body.page-ticket .sidebar-menu a.active{
    background:#fff8e8;
    color:#9a6500;
}

body.page-ticket .sidebar-menu a:hover i,
body.page-ticket .sidebar-menu a.active i{
    color:#9a6500;
}

body.page-ticket .sidebar-menu a .badge-open{
    margin-left:auto;
    padding:4px 8px;
    min-width:26px;
    justify-content:center;
}

body.page-ticket .sidebar-logout{
    margin-top:16px;
    border-top:1px solid #eef2f7;
    padding-top:16px;
}

body.page-ticket .sidebar-logout a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#dc2626;
    font-weight:900;
    padding:13px 14px;
    border-radius:14px;
}

body.page-ticket .sidebar-logout a:hover{
    background:#fff1f2;
}

/* MAIN */

body.page-ticket .panel-main{
    min-width:0;
}

body.page-ticket .page-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:30px;
    box-shadow:0 18px 50px rgba(15,23,42,.07);
    margin-bottom:28px;
}

body.page-ticket .page-card.dark{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    border:0;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
}

body.page-ticket .page-card.dark small{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-ticket .page-card.dark h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-ticket .page-card.dark p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

body.page-ticket .card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:24px;
}

body.page-ticket .card-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:7px;
}

body.page-ticket .card-head h3{
    font-size:26px;
    font-weight:900;
    margin:0;
}

body.page-ticket .card-head p{
    color:var(--text);
    line-height:1.7;
    margin:8px 0 0;
}

body.page-ticket .ticket-action-bar{
    background:#fff7e3;
    border:1px solid rgba(246,183,60,.35);
    border-radius:24px;
    padding:22px 24px;
    margin-bottom:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

body.page-ticket .ticket-action-bar small{
    display:block;
    color:#9a6500;
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:6px;
}

body.page-ticket .ticket-action-bar strong{
    color:#111827;
    font-size:18px;
    font-weight:800;
}

body.page-ticket .ticket-action-note{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#9a6500;
    font-weight:700;
    background:rgba(255,255,255,.75);
    border-radius:999px;
    padding:10px 14px;
}

/* STATS */

body.page-ticket .stat-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:24px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    display:flex;
    align-items:center;
    gap:16px;
}

body.page-ticket .stat-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    flex-shrink:0;
}

body.page-ticket .stat-card strong{
    display:block;
    font-size:29px;
    font-weight:900;
    color:#111827;
    line-height:1;
}

body.page-ticket .stat-card span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    margin-top:7px;
}

/* FILTER */

body.page-ticket .filter-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    margin-bottom:28px;
}

body.page-ticket .form-label{
    color:#111827;
    font-weight:900;
    margin-bottom:8px;
}

body.page-ticket .form-control,
body.page-ticket .form-select{
    min-height:54px;
    border:1px solid var(--border);
    border-radius:14px;
    font-weight:800;
    color:#111827;
}

body.page-ticket .form-control:focus,
body.page-ticket .form-select:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-ticket .select2-container{
    width:100%!important;
}

body.page-ticket .select2-container .select2-selection--single{
    min-height:54px;
    border:1px solid var(--border);
    border-radius:14px;
    display:flex;
    align-items:center;
    padding:0 42px 0 14px;
}

body.page-ticket .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#111827;
    font-weight:800;
    line-height:52px;
    padding-left:0;
    padding-right:0;
}

body.page-ticket .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:52px;
    right:12px;
}

body.page-ticket .select2-container--default.select2-container--focus .select2-selection--single,
body.page-ticket .select2-container--open .select2-selection--single{
    border-color:var(--gold);
    box-shadow:0 0 0 .25rem rgba(246,183,60,.14);
}

body.page-ticket .select2-dropdown{
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
}

body.page-ticket .select2-search--dropdown .select2-search__field{
    border:1px solid var(--border);
    border-radius:10px;
    min-height:44px;
    padding:10px 12px;
    font-weight:700;
}

body.page-ticket .select2-results__option{
    padding:10px 14px;
    font-weight:700;
}

body.page-ticket textarea.form-control{
    min-height:140px;
    resize:none;
    padding-top:14px;
}

body.page-ticket .search-box{
    position:relative;
}

body.page-ticket .search-box i{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
    font-size:18px;
}

body.page-ticket .search-box .form-control{
    padding-left:46px;
}

/* TICKET LIST */

body.page-ticket .ticket-list-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    overflow:hidden;
}

body.page-ticket .ticket-list-head{
    background:#f8fafc;
    border-bottom:1px solid #eef2f7;
    padding:20px 24px;
    display:grid;
    grid-template-columns:1.4fr .8fr .7fr .6fr;
    gap:18px;
    color:#64748b;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
}

body.page-ticket .ticket-row{
    padding:20px 24px;
    display:grid;
    grid-template-columns:1.4fr .8fr .7fr .6fr;
    gap:18px;
    align-items:center;
    border-bottom:1px solid #eef2f7;
    transition:.2s;
}

body.page-ticket .ticket-row:last-child{
    border-bottom:0;
}

body.page-ticket .ticket-row:hover{
    background:#fffdf7;
}

body.page-ticket .ticket-empty-action{
    display:flex;
    justify-content:flex-start;
}

body.page-ticket .ticket-main{
    display:flex;
    gap:14px;
    align-items:flex-start;
}

body.page-ticket .ticket-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:16px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

body.page-ticket .ticket-title strong{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:5px;
}

body.page-ticket .ticket-title span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:700;
    line-height:1.5;
}

body.page-ticket .ticket-meta strong{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:5px;
}

body.page-ticket .ticket-meta span{
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

body.page-ticket .status-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}

body.page-ticket .status-open{
    background:#eff6ff;
    color:#1d4ed8;
    border:1px solid #bfdbfe;
}

body.page-ticket .status-wait{
    background:#fff7ed;
    color:#c2410c;
    border:1px solid #fed7aa;
}

body.page-ticket .status-answer{
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
}

body.page-ticket .status-closed{
    background:#ecfdf5;
    color:#15803d;
    border:1px solid #bbf7d0;
}

body.page-ticket .btn-ticket-detail{
    background:#06111f;
    color:#fff!important;
    border-radius:12px;
    padding:10px 15px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:nowrap;
}

body.page-ticket .btn-ticket-detail:hover{
    background:#0b1b2f;
}

/* CREATE TICKET */

body.page-ticket .create-ticket-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:30px;
    box-shadow:0 18px 50px rgba(15,23,42,.07);
    height:100%;
}

body.page-ticket .create-ticket-card .form-note{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    color:#7c5200;
    border-radius:18px;
    padding:16px;
    line-height:1.7;
    font-weight:700;
    margin-bottom:20px;
}

body.page-ticket .create-ticket-card .form-note i{
    color:#9a6500;
    margin-right:7px;
}

body.page-ticket .ticket-info-card{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    color:#fff;
    border-radius:28px;
    padding:30px;
    height:100%;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
}

body.page-ticket .ticket-info-card .info-icon{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    margin-bottom:22px;
}

body.page-ticket .ticket-info-card h3{
    font-size:28px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-ticket .ticket-info-card p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:22px;
}

body.page-ticket .ticket-info-list{
    list-style:none;
    padding:0;
    margin:0;
}

body.page-ticket .ticket-info-list li{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-bottom:14px;
    color:#e5e7eb;
    line-height:1.6;
    font-weight:700;
}

body.page-ticket .ticket-info-list i{
    color:var(--gold);
    margin-top:2px;
}

/* LAST MESSAGE */

body.page-ticket .message-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    margin-top:28px;
}

body.page-ticket .message-item{
    display:flex;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid #eef2f7;
}

body.page-ticket .message-item:first-of-type{
    padding-top:0;
}

body.page-ticket .message-item:last-child{
    border-bottom:0;
    padding-bottom:0;
}

body.page-ticket .message-item.is-own{
    flex-direction:row-reverse;
}

body.page-ticket .message-avatar{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

body.page-ticket .message-content{
    max-width:min(720px,calc(100% - 64px));
}

body.page-ticket .message-item.is-own .message-content{
    text-align:right;
    margin-left:auto;
}

body.page-ticket .message-content strong{
    display:block;
    color:#111827;
    font-weight:900;
    margin-bottom:4px;
}

body.page-ticket .message-content span{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
}

body.page-ticket .message-content p{
    color:#475569;
    line-height:1.7;
    margin:0;
    font-size:14px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:14px 16px;
}

body.page-ticket .message-item.is-own .message-content p{
    background:#06111f;
    color:#fff;
    border-color:#06111f;
}

body.page-ticket .ticket-reply-card{
    margin-top:28px;
}

body.page-ticket .ticket-send{
    margin-top:14px;
}

body.page-ticket .panel-alert{
    border-radius:18px;
    padding:16px 18px;
    margin-bottom:22px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-weight:800;
    line-height:1.6;
}

body.page-ticket .success-alert{
    background:#ecfdf5;
    color:#15803d;
    border:1px solid #bbf7d0;
}

body.page-ticket .error-alert{
    background:#fef2f2;
    color:#b91c1c;
    border:1px solid #fecaca;
}

/* PAGINATION */

body.page-ticket .pagination-wrap{
    margin-top:26px;
    display:flex;
    justify-content:center;
}

body.page-ticket .pagination{
    gap:8px;
    flex-wrap:wrap;
}

body.page-ticket .page-link{
    width:46px;
    height:46px;
    border-radius:14px!important;
    border:1px solid var(--border);
    color:#111827;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 20px rgba(15,23,42,.04);
}

body.page-ticket .page-link:hover{
    background:#fff8e8;
    border-color:rgba(246,183,60,.45);
    color:#111827;
}

body.page-ticket .page-item.active .page-link{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    border-color:transparent;
}

body.page-ticket .page-item.disabled .page-link{
    opacity:.45;
    pointer-events:none;
}

/* FOOTER */

body.page-ticket footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

body.page-ticket footer p,
body.page-ticket footer a{
    color:#94a3b8;
}

body.page-ticket footer a:hover{
    color:var(--gold);
}

body.page-ticket .mobile-panel-toggle{
    display:none;
    width:100%;
    margin-bottom:18px;
}

body.page-ticket .sidebar-cta{
    margin-top:18px;
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    body.page-ticket .navbar-collapse{
        padding-top:18px;
    }

    body.page-ticket .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    body.page-ticket .nav-buttons .btn{
        width:100%;
    }

    body.page-ticket .panel-layout{
        grid-template-columns:1fr;
    }

    body.page-ticket .sidebar{
        position:static;
        display:none;
    }

    body.page-ticket .sidebar.show{
        display:block;
    }

    body.page-ticket .mobile-panel-toggle{
        display:flex;
    }

    body.page-ticket .panel-hero h1{
        font-size:38px;
    }

    body.page-ticket .ticket-list-head{
        display:none;
    }

    body.page-ticket .ticket-row{
        grid-template-columns:1fr;
        gap:14px;
    }

    body.page-ticket .ticket-action-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    body.page-ticket .ticket-action-bar .btn-gold,
    body.page-ticket .ticket-action-note{
        width:100%;
        justify-content:center;
    }

    body.page-ticket .ticket-row > div{
        width:100%;
    }

    body.page-ticket .btn-ticket-detail{
        width:100%;
    }
}

@media(max-width:576px){
    body.page-ticket .container{
        padding-left:18px;
        padding-right:18px;
    }

    body.page-ticket .navbar-brand{
        font-size:23px;
    }

    body.page-ticket .panel-hero{
        padding:48px 0 56px;
    }

    body.page-ticket .panel-hero h1{
        font-size:31px;
    }

    body.page-ticket .panel-hero p{
        font-size:15px;
    }

    body.page-ticket .panel-content{
        padding:42px 0 55px;
    }

    body.page-ticket .page-card,
    body.page-ticket .filter-card,
    body.page-ticket .ticket-list-card,
    body.page-ticket .create-ticket-card,
    body.page-ticket .ticket-info-card,
    body.page-ticket .message-card,
    body.page-ticket .sidebar{
        border-radius:20px;
        padding:22px;
    }

    body.page-ticket .ticket-list-card{
        padding:0;
    }

    body.page-ticket .ticket-row{
        padding:20px;
    }

    body.page-ticket .card-head{
        display:block;
    }

    body.page-ticket .card-head .btn-gold,
    body.page-ticket .card-head .btn-dark-premium{
        width:100%;
        margin-top:15px;
    }

    body.page-ticket .ticket-empty-action .btn-gold,
    body.page-ticket .sidebar-cta .btn-gold{
        width:100%;
    }

    body.page-ticket footer .d-flex{
        display:block!important;
    }

    body.page-ticket footer p + p{
        margin-top:12px;
    }
}

/* yazar-detay.css */
body.page-yazar-detay{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --red:#dc2626;
    --blue:#2563eb;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

body.page-yazar-detay *{
    box-sizing:border-box;
}

body.page-yazar-detay,
body.page-yazar-detay{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

body.page-yazar-detay a{
    text-decoration:none;
}

/* HEADER */

body.page-yazar-detay .navbar{
    background:var(--dark);
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
}

body.page-yazar-detay .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

body.page-yazar-detay .navbar-brand span{
    color:var(--gold);
}

body.page-yazar-detay .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

body.page-yazar-detay .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
}

body.page-yazar-detay .nav-link:hover,
body.page-yazar-detay .nav-link.active{
    color:var(--gold)!important;
}

body.page-yazar-detay .nav-buttons{
    display:flex;
    gap:10px;
}

body.page-yazar-detay .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-yazar-detay .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

body.page-yazar-detay .btn-dark-premium{
    background:var(--dark);
    color:#fff!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

body.page-yazar-detay .btn-dark-premium:hover{
    background:var(--dark2);
    color:#fff!important;
}

body.page-yazar-detay .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

body.page-yazar-detay .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */

body.page-yazar-detay .author-hero{
    background:
            radial-gradient(circle at top left,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 25%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    padding:70px 0 85px;
    color:#fff;
}

body.page-yazar-detay .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:28px;
}

body.page-yazar-detay .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

body.page-yazar-detay .author-hero-card{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:32px;
    align-items:center;
}

body.page-yazar-detay .author-photo-wrap{
    position:relative;
    width:220px;
    height:220px;
}

body.page-yazar-detay .author-photo{
    width:220px;
    height:220px;
    border-radius:34px;
    object-fit:cover;
    border:4px solid var(--gold);
    box-shadow:0 24px 60px rgba(0,0,0,.35);
    background:#fff;
}

body.page-yazar-detay .author-rank{
    position:absolute;
    right:-12px;
    bottom:18px;
    width:68px;
    height:68px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    box-shadow:0 14px 34px rgba(246,183,60,.28);
}

body.page-yazar-detay .author-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(246,183,60,.12);
    border:1px solid rgba(246,183,60,.35);
    color:var(--gold);
    border-radius:999px;
    padding:9px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-yazar-detay .author-content h1{
    font-size:54px;
    font-weight:900;
    line-height:1.08;
    margin-bottom:12px;
}

body.page-yazar-detay .author-content h1 span{
    color:var(--gold);
}

body.page-yazar-detay .author-title{
    color:#d1d5db;
    font-size:18px;
    font-weight:800;
    margin-bottom:18px;
}

body.page-yazar-detay .author-content p{
    color:#d1d5db;
    line-height:1.85;
    max-width:860px;
    margin-bottom:26px;
}

body.page-yazar-detay .author-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
}

/* CONTENT */

body.page-yazar-detay .page-content{
    padding:70px 0 80px;
}

body.page-yazar-detay .stat-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    display:flex;
    align-items:center;
    gap:18px;
}

body.page-yazar-detay .stat-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    flex-shrink:0;
}

body.page-yazar-detay .stat-card strong{
    display:block;
    font-size:31px;
    font-weight:900;
    line-height:1;
    color:#111827;
}

body.page-yazar-detay .stat-card span{
    display:block;
    color:var(--text);
    font-size:14px;
    font-weight:700;
    margin-top:7px;
}

body.page-yazar-detay .section{
    padding-top:70px;
}

body.page-yazar-detay .section-head{
    margin-bottom:30px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-yazar-detay .section-head small{
    display:block;
    color:var(--gold);
    font-weight:900;
    letter-spacing:.08em;
    margin-bottom:8px;
}

body.page-yazar-detay .section-head h2{
    font-size:36px;
    font-weight:900;
    margin:0 0 8px;
}

body.page-yazar-detay .section-head p{
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:0;
}

/* BIO */

body.page-yazar-detay .bio-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:26px;
    padding:34px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

body.page-yazar-detay .bio-card h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:18px;
}

body.page-yazar-detay .bio-card h2 span{
    color:var(--gold);
}

body.page-yazar-detay .bio-card p{
    color:#475569;
    line-height:1.95;
    margin-bottom:16px;
}

body.page-yazar-detay .bio-list{
    list-style:none;
    padding:0;
    margin:24px 0 0;
}

body.page-yazar-detay .bio-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:13px;
    color:#475569;
    font-weight:700;
    line-height:1.6;
}

body.page-yazar-detay .bio-list i{
    color:var(--green);
    margin-top:2px;
}

body.page-yazar-detay .side-card{
    height:100%;
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(145deg,var(--dark),var(--dark2));
    color:#fff;
    border-radius:26px;
    padding:34px;
    box-shadow:0 24px 70px rgba(6,17,31,.18);
}

body.page-yazar-detay .side-icon{
    width:76px;
    height:76px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:37px;
    margin-bottom:24px;
}

body.page-yazar-detay .side-card h3{
    font-size:30px;
    font-weight:900;
    margin-bottom:14px;
}

body.page-yazar-detay .side-card p{
    color:#d1d5db;
    line-height:1.8;
    margin-bottom:24px;
}

body.page-yazar-detay .side-mini{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:18px;
    margin-bottom:14px;
}

body.page-yazar-detay .side-mini strong{
    display:block;
    color:#fff;
    font-size:19px;
    font-weight:900;
}

body.page-yazar-detay .side-mini span{
    display:block;
    color:#cbd5e1;
    font-size:13px;
    margin-top:5px;
    line-height:1.6;
}

/* PREDICTION CARD */

body.page-yazar-detay .prediction-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    overflow:hidden;
    transition:.25s;
    display:flex;
    flex-direction:column;
}

body.page-yazar-detay .prediction-card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(15,23,42,.13);
}

body.page-yazar-detay .prediction-top{
    background:linear-gradient(145deg,var(--dark),var(--dark2));
    color:#fff;
    padding:22px;
}

body.page-yazar-detay .prediction-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:999px;
    padding:8px 13px;
    font-size:12px;
    font-weight:900;
    margin-bottom:16px;
}

body.page-yazar-detay .prediction-badge.premium{
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
}

body.page-yazar-detay .prediction-badge.free{
    background:#ecfdf5;
    color:#15803d;
    border:1px solid #bbf7d0;
}

body.page-yazar-detay .prediction-top h3{
    font-size:22px;
    font-weight:900;
    line-height:1.35;
    margin:0;
}

body.page-yazar-detay .prediction-body{
    padding:22px;
    flex:1;
    display:flex;
    flex-direction:column;
}

body.page-yazar-detay .info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:18px;
}

body.page-yazar-detay .info-box{
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:16px;
    padding:13px;
}

body.page-yazar-detay .info-box span{
    display:block;
    color:var(--text);
    font-size:12px;
    margin-bottom:5px;
    font-weight:700;
}

body.page-yazar-detay .info-box strong{
    display:block;
    color:#111827;
    font-size:14px;
    font-weight:900;
}

body.page-yazar-detay .prediction-note{
    background:#fff8e8;
    border:1px solid rgba(246,183,60,.35);
    border-radius:16px;
    padding:14px;
    color:#7c5200;
    font-size:14px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:20px;
}

body.page-yazar-detay .prediction-footer{
    margin-top:auto;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    border-top:1px solid #eef2f7;
    padding-top:18px;
}

body.page-yazar-detay .status-text{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#475569;
    font-size:13px;
    font-weight:900;
}

body.page-yazar-detay .status-text i{
    color:var(--gold);
}

/* SUCCESS TABLE */

body.page-yazar-detay .success-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
    overflow:hidden;
}

body.page-yazar-detay .table-responsive{
    overflow-x:auto;
}

body.page-yazar-detay .success-table{
    min-width:760px;
    margin:0;
}

body.page-yazar-detay .success-table th{
    background:var(--dark);
    color:#fff;
    padding:17px;
    white-space:nowrap;
}

body.page-yazar-detay .success-table th span{
    color:var(--gold);
}

body.page-yazar-detay .success-table td{
    padding:17px;
    color:#475569;
    font-weight:700;
    vertical-align:middle;
    white-space:nowrap;
}

body.page-yazar-detay .success-table td strong{
    color:#111827;
}

body.page-yazar-detay .amount{
    color:var(--green)!important;
    font-weight:900!important;
}

body.page-yazar-detay .success-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#dcfce7;
    color:#15803d;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
}

/* CTA */

body.page-yazar-detay .cta-box{
    margin-top:70px;
    background:
            radial-gradient(circle at 85% 20%,rgba(246,183,60,.16),transparent 28%),
            linear-gradient(135deg,var(--dark),var(--dark2));
    color:#fff;
    border-radius:28px;
    padding:42px;
}

body.page-yazar-detay .cta-box h2{
    font-size:36px;
    font-weight:900;
    margin-bottom:12px;
}

body.page-yazar-detay .cta-box p{
    color:#d1d5db;
    line-height:1.8;
    margin:0;
}

/* FOOTER */

body.page-yazar-detay footer{
    background:var(--dark);
    color:#fff;
    padding:42px 0 22px;
}

body.page-yazar-detay footer p,
body.page-yazar-detay footer a{
    color:#94a3b8;
}

body.page-yazar-detay footer a:hover{
    color:var(--gold);
}

/* RESPONSIVE */

@media(max-width:1199px){
    .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    .btn-gold,
    .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    .navbar-collapse{
        padding-top:18px;
    }

    .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    .nav-buttons .btn{
        width:100%;
    }

    .author-hero{
        padding:60px 0 70px;
    }

    .author-hero-card{
        grid-template-columns:1fr;
    }

    .author-photo-wrap{
        width:190px;
        height:190px;
    }

    .author-photo{
        width:190px;
        height:190px;
    }

    .author-content h1{
        font-size:42px;
    }

    .section-head h2,
    .bio-card h2{
        font-size:32px;
    }
}

@media(max-width:576px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .navbar-brand{
        font-size:23px;
    }

    .author-hero{
        padding:50px 0 60px;
    }

    .author-photo-wrap{
        width:160px;
        height:160px;
    }

    .author-photo{
        width:160px;
        height:160px;
        border-radius:26px;
    }

    .author-rank{
        width:58px;
        height:58px;
        border-radius:18px;
        font-size:27px;
        right:-10px;
        bottom:12px;
    }

    .author-content h1{
        font-size:32px;
    }

    .author-content p{
        font-size:15px;
    }

    .author-actions .btn{
        width:100%;
    }

    .page-content{
        padding:45px 0 55px;
    }

    .section{
        padding-top:50px;
    }

    .section-head,
    .bio-card,
    .side-card,
    .prediction-card,
    .success-box,
    .cta-box{
        border-radius:20px;
    }

    .section-head,
    .bio-card,
    .side-card,
    .cta-box{
        padding:22px;
    }

    .section-head h2,
    .bio-card h2{
        font-size:28px;
    }

    .side-card h3{
        font-size:25px;
    }

    .info-grid{
        grid-template-columns:1fr;
    }

    .prediction-footer{
        display:block;
    }

    .prediction-footer .btn{
        width:100%;
        margin-top:14px;
    }

    .cta-box h2{
        font-size:27px;
    }

    footer .d-flex{
        display:block!important;
    }

    footer p + p{
        margin-top:12px;
    }
}

/* drop-down.css */
html.page-drop-down{
    --dark:#06111f;
    --dark2:#0b1b2f;
    --gold:#f6b73c;
    --gold2:#ffe2a0;
    --green:#16a34a;
    --text:#64748b;
    --border:#e5e7eb;
    --bg:#f5f7fb;
}

html.page-drop-down *{
    box-sizing:border-box;
}

html.page-drop-down body{
    margin:0;
    padding:0;
    width:100%;
    overflow-x:hidden;
    font-family:Arial,sans-serif;
    background:var(--bg);
    color:#111827;
}

html.page-drop-down a{
    text-decoration:none;
}

/* HEADER */
html.page-drop-down .navbar{
    background:#06111f;
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:17px 0;
    z-index:999;
}

html.page-drop-down .navbar-brand{
    color:#fff!important;
    font-weight:900;
    font-size:27px;
    line-height:1.1;
}

html.page-drop-down .navbar-brand span{
    color:var(--gold);
}

html.page-drop-down .navbar-brand small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    letter-spacing:2px;
    margin-top:2px;
}

html.page-drop-down .nav-link{
    color:#fff!important;
    font-weight:700;
    margin:0 5px;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:5px;
}

html.page-drop-down .nav-link:hover,
html.page-drop-down .nav-link.active{
    color:var(--gold)!important;
}

/* DROPDOWN FIXED */
html.page-drop-down .navbar .dropdown{
    position:relative;
}

html.page-drop-down .dropdown-toggle::after{
    margin-left:6px;
    vertical-align:middle;
}

/* Menü ile link arasında boşluk bırakmıyoruz */
html.page-drop-down .dropdown-menu{
    background:#fff;
    border:1px solid rgba(226,232,240,.95);
    border-radius:18px;
    padding:12px;
    min-width:285px;
    box-shadow:0 24px 70px rgba(15,23,42,.18);
    margin-top:0;
    top:100%;
    left:0;
}

@media(min-width:992px){
    /* Masaüstü hover düzeltmesi */
    html.page-drop-down .navbar .dropdown::after{
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:100%;
        height:18px;
        background:transparent;
    }

    html.page-drop-down .navbar .dropdown:hover > .dropdown-menu,
    html.page-drop-down .navbar .dropdown .dropdown-menu:hover{
        display:block;
    }

    html.page-drop-down .navbar .dropdown:hover > .nav-link{
        color:var(--gold)!important;
    }
}

html.page-drop-down .dropdown-menu:before{
    content:"";
    position:absolute;
    top:-7px;
    left:28px;
    width:14px;
    height:14px;
    background:#fff;
    transform:rotate(45deg);
    border-left:1px solid rgba(226,232,240,.95);
    border-top:1px solid rgba(226,232,240,.95);
    z-index:-1;
}

html.page-drop-down .dropdown-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 14px;
    border-radius:14px;
    color:#111827;
    font-weight:800;
    transition:.2s;
}

html.page-drop-down .dropdown-item i{
    width:38px;
    height:38px;
    border-radius:13px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

html.page-drop-down .dropdown-item span{
    display:block;
    font-size:14px;
    font-weight:900;
}

html.page-drop-down .dropdown-item small{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    margin-top:2px;
    white-space:normal;
}

html.page-drop-down .dropdown-item:hover{
    background:#fff8e8;
    color:#111827;
}

html.page-drop-down .dropdown-item:hover i{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111;
}

html.page-drop-down .dropdown-divider{
    border-color:#eef2f7;
    margin:10px 0;
}

html.page-drop-down .dropdown-cta{
    background:
            radial-gradient(circle at 85% 15%,rgba(246,183,60,.18),transparent 28%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    border-radius:15px;
    padding:16px;
    color:#fff;
    margin-top:8px;
}

html.page-drop-down .dropdown-cta strong{
    display:block;
    font-size:15px;
    font-weight:900;
    margin-bottom:5px;
}

html.page-drop-down .dropdown-cta p{
    color:#cbd5e1;
    font-size:12px;
    line-height:1.6;
    margin:0 0 12px;
}

html.page-drop-down .dropdown-cta a{
    width:100%;
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border-radius:12px;
    padding:10px 13px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

/* BUTTONS */
html.page-drop-down .nav-buttons{
    display:flex;
    gap:10px;
}

html.page-drop-down .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold2));
    color:#111!important;
    border:0;
    border-radius:12px;
    padding:11px 21px;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

html.page-drop-down .btn-gold:hover{
    color:#111!important;
    transform:translateY(-1px);
}

html.page-drop-down .btn-outline-gold{
    border:1px solid var(--gold);
    color:var(--gold)!important;
    border-radius:12px;
    padding:10px 20px;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

html.page-drop-down .btn-outline-gold:hover{
    background:var(--gold);
    color:#111!important;
}

/* HERO */
html.page-drop-down .page-hero{
    background:
            radial-gradient(circle at 10% 15%,rgba(246,183,60,.18),transparent 30%),
            radial-gradient(circle at 85% 20%,rgba(255,226,160,.10),transparent 26%),
            linear-gradient(135deg,#06111f,#0b1b2f);
    padding:80px 0 95px;
    color:#fff;
}

html.page-drop-down .breadcrumb-custom{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#cbd5e1;
    font-size:14px;
    margin-bottom:22px;
}

html.page-drop-down .breadcrumb-custom a{
    color:var(--gold);
    font-weight:800;
}

html.page-drop-down .page-hero h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:16px;
}

html.page-drop-down .page-hero h1 span{
    color:var(--gold);
}

html.page-drop-down .page-hero p{
    color:#d1d5db;
    line-height:1.8;
    font-size:17px;
    max-width:780px;
    margin:0;
}

html.page-drop-down .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:28px;
}

/* CONTENT */
html.page-drop-down .page-content{
    padding:70px 0 80px;
}

html.page-drop-down .content-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:28px;
    padding:34px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
}

html.page-drop-down .content-card .label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff8e8;
    color:#9a6500;
    border:1px solid rgba(246,183,60,.35);
    border-radius:999px;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:20px;
}

html.page-drop-down .content-card h2{
    font-size:34px;
    font-weight:900;
    margin-bottom:14px;
}

html.page-drop-down .content-card p{
    color:var(--text);
    line-height:1.8;
    margin-bottom:0;
}

html.page-drop-down .demo-grid{
    margin-top:34px;
}

html.page-drop-down .demo-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:26px;
    height:100%;
    box-shadow:0 14px 40px rgba(15,23,42,.07);
}

html.page-drop-down .demo-icon{
    width:62px;
    height:62px;
    border-radius:20px;
    background:#fff8e8;
    color:#9a6500;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:17px;
}

html.page-drop-down .demo-card h3{
    font-size:22px;
    font-weight:900;
    margin-bottom:10px;
}

html.page-drop-down .demo-card p{
    color:var(--text);
    line-height:1.75;
    margin:0;
}

/* FOOTER */
html.page-drop-down footer{
    background:#06111f;
    color:#fff;
    padding:42px 0 22px;
}

html.page-drop-down footer p,
html.page-drop-down footer a{
    color:#94a3b8;
}

html.page-drop-down footer a:hover{
    color:var(--gold);
}

@media(max-width:1199px){
    /* RESPONSIVE */
    html.page-drop-down .nav-link{
        font-size:14px;
        margin:0 2px;
    }

    html.page-drop-down .btn-gold,
    html.page-drop-down .btn-outline-gold{
        padding:10px 15px;
    }
}

@media(max-width:991px){
    html.page-drop-down .navbar-collapse{
        padding-top:18px;
    }

    html.page-drop-down .nav-buttons{
        flex-wrap:wrap;
        margin-top:10px;
    }

    html.page-drop-down .nav-buttons .btn{
        width:100%;
    }

    html.page-drop-down .dropdown-menu{
        position:static!important;
        transform:none!important;
        box-shadow:none;
        border-radius:16px;
        margin-top:8px;
        min-width:100%;
    }

    html.page-drop-down .dropdown-menu:before{
        display:none;
    }

    html.page-drop-down .page-hero{
        padding:60px 0 75px;
    }

    html.page-drop-down .page-hero h1{
        font-size:40px;
    }
}

@media(max-width:576px){
    html.page-drop-down .container{
        padding-left:18px;
        padding-right:18px;
    }

    html.page-drop-down .navbar-brand{
        font-size:23px;
    }

    html.page-drop-down .page-hero{
        padding:50px 0 60px;
    }

    html.page-drop-down .page-hero h1{
        font-size:31px;
    }

    html.page-drop-down .page-hero p{
        font-size:15px;
    }

    html.page-drop-down .hero-actions .btn{
        width:100%;
    }

    html.page-drop-down .page-content{
        padding:42px 0 55px;
    }

    html.page-drop-down .content-card,
    html.page-drop-down .demo-card{
        padding:22px;
        border-radius:20px;
    }

    html.page-drop-down .content-card h2{
        font-size:27px;
    }

    html.page-drop-down footer .d-flex{
        display:block!important;
    }

    html.page-drop-down footer p + p{
        margin-top:12px;
    }
}


/* Sadece Kolaynet Logosu için CSS */
.col-md-2.col-xs-3 > a.effect {
    display: flex;
    justify-content: flex-start; /* Varsayılan olarak sola hizalar */
    align-items: center;
    text-align: center;
}

.col-md-2.col-xs-3 > a.effect img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out; /* Hover efektleri için animasyon */
}

/* Mobilde Ortalama */
@media (max-width: 768px) {
    .col-md-2.col-xs-3 {
        display: flex;
        justify-content: center; /* Mobilde ortalanır */
        align-items: center;
    }
}


/* Titreşim Efekti */
.effect {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

.effect:hover {
    animation: vibrate 0.3s ease-in-out infinite;
}


@media (max-width: 768px) {
    .effect {
        justify-content: center; /* Mobilde ortalanır */
        align-items: center;
    }
}

@keyframes vibrate {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-2px);
    }
    50% {
        transform: translateX(2px);
    }
    75% {
        transform: translateX(-2px);
    }
    100% {
        transform: translateX(0);
    }
}

html,
body{
    width:100%;
    min-width:100%;
    overflow-x:hidden;
}

@media (max-width: 1199.98px) and (orientation: landscape){
    body[class^="page-"] .container,
    body[class*=" page-"] .container{
        width:100%;
        max-width:100%;
    }

    body[class^="page-"] .container-fluid,
    body[class*=" page-"] .container-fluid{
        width:100%;
        max-width:100%;
    }
}