body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

/* --- TOP BAR --- */
.top-bar {
    background: #003366;
    color: #fff;
    font-size: 0.9rem;
    padding: 5px 0;
}

/* --- NAVBAR --- */
.navbar {
    padding: 20px 0;
    background: #fff;
}

.navbar-brand img {
    height: 110px;
}

.navbar-nav .nav-link {
    margin: 0 14px;
    font-size: 1rem;
    font-weight: 500;
    color: #003366 !important;
    position: relative;
    transition: all 0.3s ease;
}

    .navbar-nav .nav-link::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: #007bff;
        transition: width 0.3s ease;
    }

    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-link.active::after {
        width: 100%;
    }

.btn-header {
    border-radius: 30px;
    padding: 8px 20px;
    font-size: 0.95rem;
    margin-left: 10px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* Menüdeki Başla butonu */
.btn-header-start {
    background: #28a745 !important;
    color: #fff !important;
    border: none;
}

    .btn-header-start:hover {
        background: #218838 !important;
    }

.btn-header-primary {
    background: #ffc107;
    color: #000;
}

    .btn-header-primary:hover {
        background: #e0a800;
    }

/* --- HERO --- */
.hero-section {
    min-height: 85vh;
    background: linear-gradient(135deg, #003366 0%, #0066cc 100%);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 30px 0; /* azaltıldı */
    position: relative;
    overflow: hidden;
}

.hero-content h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.3;
}

.hero-content p {
    font-size: 1.2rem;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 600px;
}

.btn-hero {
    border-radius: 30px;
    padding: 12px 28px;
    font-size: 1rem;
    margin-right: 15px;
    transition: 0.3s;
}
/* Hero’daki Başla butonu */
.btn-hero-start {
    background: #28a745;
    color: #fff;
    border: none;
}

    .btn-hero-start:hover {
        background: #218838;
    }

.btn-hero-light {
    background: #fff;
    color: #003366;
    border: none;
}

    .btn-hero-light:hover {
        background: #f0f0f0;
    }

.hero-logo {
    max-width: 220px;
    margin-bottom: 20px;
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

.youtube-box {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* --- FOOTER --- */
footer {
    background: #003366;
    color: #fff;
    padding: 40px 0 20px 0;
}

    footer img {
        height: 190px;
        margin-bottom: 15px;
    }

    footer h6 {
        font-weight: bold;
        margin-bottom: 15px;
    }

    footer ul {
        list-style: none;
        padding: 0;
    }

        footer ul li {
            margin-bottom: 8px;
        }

            footer ul li i {
                color: #ffc107;
                margin-right: 8px;
                font-size: 0.85rem;
            }

            footer ul li a {
                color: #adb5bd;
                text-decoration: none;
            }

                footer ul li a:hover {
                    color: #fff;
                }

.subfooter {
    background: #002244;
    padding: 15px 0;
    font-size: 0.9rem;
}

    .subfooter img {
        height: 35px;
    }


/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    .navbar {
        padding: 15px 0;
    }

    .navbar-brand img {
        height: 80px;
    }

    .navbar-nav {
        text-align: center;
        margin-top: 15px;
    }

        .navbar-nav .nav-item {
            margin-bottom: 10px;
        }

    .btn-header {
        width: 100%;
        justify-content: center;
    }

    .hero-section {
        padding: 50px 0;
        text-align: center;
    }

    .hero-content {
        margin-bottom: 30px;
    }

        .hero-content h1 {
            font-size: 2rem;
        }

        .hero-content p {
            font-size: 1rem;
            margin-left: auto;
            margin-right: auto;
        }

    .hero-logo {
        max-width: 180px;
    }

    .youtube-box {
        max-width: 100%;
        margin: 0 auto;
    }

    .btn-hero {
        width: 100%;
        margin-bottom: 12px;
        padding: 12px 18px;
        font-size: 1rem;
    }

        .btn-hero i {
            font-size: 1.1rem;
        }
}

@media (max-width: 576px) {
    .top-bar {
        font-size: 0.8rem;
        text-align: center;
    }

    .navbar-brand img {
        height: 65px;
    }

    .hero-content h1 {
        font-size: 1.6rem;
    }

    .hero-content p {
        font-size: 0.95rem;
    }

    .btn-hero {
        font-size: 0.9rem;
        padding: 10px 16px;
    }

    footer img {
        height: 140px;
    }

    .subfooter {
        flex-direction: column;
        text-align: center;
    }

        .subfooter img {
            margin-top: 10px;
        }
}


/*  giris kayıt login */
.register-bg {
    padding: 50px 0 15px;
    background-color: #452B63;
    background-color: #1e3a8a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg%3E%3Cpath fill='%23274c9a' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%233357b1' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%233e63c7' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%234b73df' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%235180f4' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%235b8cff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}

    .register-bg a:hover {
        text-decoration: underline;
    }

.why-choose-us-content {
    padding-right: 150px;
}

.why-choose-us-1 {
    margin-top: 50px;
}

.why-choose-us-title {
    color: var(--primary);
    font-weight: 600;
    font-size: 1.2rem;
}

.giris-sayfasi .baslik {
    font-weight: 600;
    font-size: 2rem;
}

.giris-formu {
    position: relative;
    top: -50px;
    padding: 30px;
    border: 1px solid var(--line);
    background-color: #fff;
}

    .giris-formu .color--beyaz:hover {
        text-decoration: underline;
    }

.register-baslik {
    margin-bottom: 70px;
}

.uyelik-tipi {
    display: flex;
    padding: 12px;
    background-color: #fafafa;
}

.Kurumsal .baslik {
    font-weight: 600;
    font-size: 1rem;
}

.Kurumsal .card {
    padding: 12px 12px 0;
    border: none;
    background-color: #fafafa;
}

.Kurumsal .form-baslik {
    display: block;
    margin-bottom: 4px;
    font-size: 0.8rem;
}

.ic-sayfa {
    position: relative;
}

.login-bg--genis {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 50px 0 15px;
    width: 100%;
    height: 100%;
    background-color: #1e3a8a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg%3E%3Cpath fill='%23274c9a' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%233357b1' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%233e63c7' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%234b73df' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%235180f4' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%235b8cff' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}


    .login-bg--genis a:hover {
        text-decoration: underline;
    }

.giris--flex {
    width: 100%;
    height: 100%;
}

    .giris--flex .giris-formu {
        top: 0;
        margin-top: 70px;
        margin-bottom: 70px;
        max-width: 100%;
        width: 600px;
    }

.giris-sol {
    color: #fff;
}

    .giris-sol .baslik {
        color: #fff;
        font-weight: 600;
        font-size: 1.5rem;
    }

    .giris-sol hr {
        border-color: #fff;
    }

    .giris-sol a {
        color: #fff;
    }

        .giris-sol a:hover {
            text-decoration: underline;
        }

        /* giriş kayıt login */
.hide {display:none;}

.user-menu {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ffe489;
    padding: 10px 18px;
    border-radius: 40px;
    border: 2px solid #004aad;
    font-size: 0.95rem;
}

    .user-menu .welcome-text strong {
        color: #0c2d57;
        font-weight: 700;
    }

    .user-menu .menu-link {
        color: #0c2d57;
        text-decoration: none;
        font-weight: 600;
        transition: 0.2s;
    }

        .user-menu .menu-link:hover {
            opacity: 0.75;
        }

    .user-menu .logout {
        color: #b30000 !important;
    }

    .user-menu .divider {
        color: #777;
        font-size: 1.2rem;
        margin: 0 4px;
        line-height: 0;
    }

.user-dropdown {
    position: relative;
    list-style: none;
}

    .user-dropdown .dropdown-toggle {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 14px;
        background: #f2f2f2;
        border: 2px solid #0c2d57;
        border-radius: 30px;
        color: #0c2d57;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        transition: 0.2s;
    }

        .user-dropdown .dropdown-toggle:hover {
            background: #e8e8e8;
        }

    .user-dropdown .dropdown-menu {
        position: absolute;
        top: 46px;
        right: 0;
        background: #fff;
        border-radius: 12px;
        padding: 8px 0;
        min-width: 212px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.15);
        display: none;
        z-index: 999;
    }

        .user-dropdown .dropdown-menu li a {
            display: block;
            padding: 10px 16px;
            color: #333;
            text-decoration: none;
            font-weight: 500;
            transition: 0.2s;
        }

            .user-dropdown .dropdown-menu li a:hover {
                background: #f5f5f5;
            }

            .user-dropdown .dropdown-menu li a i {
                width: 18px;
            }

.dropdown-menu.open {
    display: block;
}

.dropdown-toggle::after {
    display: none !important;
}

.custom-arrow {
    transition: transform 0.2s ease;
}

    .custom-arrow.open {
        transform: rotate(180deg);
    }