*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#3166b0;
    color:white;
    overflow-x:hidden;
}

.navbar{
    width:100%;
    padding:25px 8%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    background:rgba(7,17,31,0.70);
    backdrop-filter:blur(14px);
    transition:0.3s ease;
}

.navbar.active{
    padding:18px 8%;
    background:rgba(7,17,31,0.95);
    box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.logo{
    font-size:28px;
    font-weight:800;
    color:#38BDF8;
    letter-spacing:2px;
}

.nav-links{
    display:flex;
    gap:35px;
    list-style:none;
}

.nav-links a{
    color:#F8FAFC;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:0.3s ease;
}

.nav-links a:hover{
    color:#38BDF8;
}

.btn{
    padding:14px 28px;
    background:linear-gradient(135deg,#2563EB,#7C3AED);
    border-radius:14px;
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:0.3s ease;
    box-shadow:0 10px 25px rgba(37,99,235,0.35);
}

.btn:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(56,189,248,0.35);
}

.hero{
    width:100%;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:120px 8% 60px;
    position:relative;
    background:
    linear-gradient(rgba(7,17,31,0.78),rgba(7,17,31,0.92)),
    url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=2070&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
}

.hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:#2563EB;
    filter:blur(170px);
    opacity:0.35;
    top:20%;
    left:10%;
}

.hero::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    background:#7C3AED;
    filter:blur(160px);
    opacity:0.30;
    bottom:10%;
    right:10%;
}

.hero-content{
    position:relative;
    z-index:2;
    animation:fadeUp 1s ease forwards;
}

.hero-tag{
    display:inline-block;
    margin-bottom:22px;
    padding:10px 18px;
    border-radius:30px;
    background:rgba(56,189,248,0.12);
    color:#38BDF8;
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
}

.hero-content h1{
    font-size:70px;
    max-width:950px;
    margin:auto;
    line-height:1.1;
    margin-bottom:25px;
    font-weight:800;
}

.hero-content p{
    font-size:18px;
    color:#CBD5E1;
    max-width:800px;
    margin:auto;
    line-height:1.8;
    margin-bottom:40px;
}

.hero-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.primary-btn,
.secondary-btn{
    padding:16px 34px;
    border-radius:14px;
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:0.3s ease;
}

.primary-btn{
    background:linear-gradient(135deg,#2563EB,#38BDF8);
    box-shadow:0 12px 30px rgba(37,99,235,0.35);
}

.primary-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(56,189,248,0.35);
}

.secondary-btn{
    border:1px solid rgba(255,255,255,0.25);
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(10px);
}

.secondary-btn:hover{
    background:white;
    color:#07111F;
    transform:translateY(-5px);
}

.services,
.business-section,
.about-section,
.contact-section{
    padding:120px 8%;
}

.services{
    background:#081423;
}

.business-section{
    background:#07111F;
}

.contact-section{
    background:#081423;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title span,
.about-content span{
    color:#38BDF8;
    font-size:14px;
    letter-spacing:3px;
    font-weight:700;
}

.section-title h2,
.about-content h2{
    font-size:48px;
    margin-top:18px;
    max-width:850px;
    margin-inline:auto;
    line-height:1.3;
}

.services-container,
.country-grid,
.stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:30px;
}

.service-card,
.country-card,
.stat-box,
.contact-box{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;
    padding:40px 30px;
    transition:0.4s ease;
    backdrop-filter:blur(12px);
    position:relative;
    overflow:hidden;
}

.service-card::before,
.country-card::before,
.stat-box::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:#2563EB;
    filter:blur(90px);
    opacity:0.18;
    top:-40px;
    right:-40px;
}

.service-card:hover,
.country-card:hover,
.stat-box:hover{
    transform:translateY(-12px);
    border-color:#38BDF8;
    box-shadow:0 20px 50px rgba(37,99,235,0.18);
}

.service-card i{
    font-size:42px;
    color:#38BDF8;
    margin-bottom:25px;
}

.service-card h3{
    font-size:24px;
    margin-bottom:18px;
}

.service-card p,
.about-content p,
.contact-box p{
    color:#CBD5E1;
    line-height:1.8;
    font-size:15px;
}

.country-card{
    text-align:center;
    font-size:26px;
    font-weight:700;
    cursor:pointer;
}

.about-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.about-content p{
    margin-top:25px;
}

.stat-box{
    text-align:center;
}

.stat-box h3{
    font-size:42px;
    color:#38BDF8;
    margin-bottom:12px;
}

.contact-box{
    max-width:800px;
    margin:auto;
}

.contact-box p{
    margin-bottom:18px;
}

.contact-box i{
    color:#38BDF8;
    margin-right:10px;
}

.menu-icon{
    display:none;
    font-size:26px;
    cursor:pointer;
    color:white;
}

.premium-contact{
    display:grid;
    grid-template-columns:0.9fr 1.3fr;
    gap:35px;
    align-items:stretch;
}

.contact-info-card,
.premium-form{
    background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));
    border:1px solid rgba(255,255,255,0.10);
    border-radius:30px;
    padding:42px;
    backdrop-filter:blur(18px);
    box-shadow:0 25px 60px rgba(0,0,0,0.22);
}

.contact-label{
    display:inline-block;
    color:#38BDF8;
    font-size:13px;
    letter-spacing:3px;
    font-weight:700;
    margin-bottom:18px;
}

.contact-info-card h3{
    font-size:34px;
    line-height:1.3;
    margin-bottom:18px;
}

.contact-info-card > p{
    color:#CBD5E1;
    line-height:1.8;
    margin-bottom:35px;
}

.contact-details{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.detail-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.06);
}

.detail-item i{
    width:42px;
    height:42px;
    border-radius:14px;
    background:rgba(56,189,248,0.12);
    color:#38BDF8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.detail-item h4{
    font-size:16px;
    margin-bottom:6px;
}

.detail-item p{
    color:#CBD5E1;
    line-height:1.6;
    font-size:14px;
}

.premium-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.form-group{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.form-group label{
    color:#F8FAFC;
    font-size:14px;
    font-weight:600;
}

.premium-form input,
.premium-form select,
.premium-form textarea{
    width:100%;
    padding:16px 18px;
    border-radius:15px;
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.06);
    color:white;
    outline:none;
    font-family:'Poppins',sans-serif;
    transition:0.3s ease;
}

.premium-form input::placeholder,
.premium-form textarea::placeholder{
    color:#94A3B8;
}

.premium-form select{
    color:#94A3B8;
}

.premium-form textarea{
    min-height:160px;
    resize:none;
}

.premium-form input:focus,
.premium-form select:focus,
.premium-form textarea:focus{
    border-color:#38BDF8;
    box-shadow:0 0 0 4px rgba(56,189,248,0.10);
    background:rgba(255,255,255,0.08);
}

.form-submit{
    border:none;
    cursor:pointer;
    width:fit-content;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:992px){

    .menu-icon{
        display:block;
    }

    .nav-links{
        position:absolute;
        top:80px;
        right:8%;
        width:260px;
        flex-direction:column;
        gap:18px;
        padding:25px;
        background:rgba(7,17,31,0.97);
        border:1px solid rgba(255,255,255,0.08);
        border-radius:18px;
        display:none;
        box-shadow:0 20px 40px rgba(0,0,0,0.35);
    }

    .nav-links.show{
        display:flex;
    }

    .btn{
        display:none;
    }

    .hero-content h1{
        font-size:46px;
    }

    .section-title h2,
    .about-content h2{
        font-size:38px;
    }

    .about-section{
        grid-template-columns:1fr;
    }

    .premium-contact{
        grid-template-columns:1fr;
    }

    .form-row{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){

    .navbar{
        padding:20px 6%;
    }

    .hero{
        padding:120px 6% 50px;
    }

    .services,
    .business-section,
    .about-section,
    .contact-section{
        padding:90px 6%;
    }

    .hero-content h1{
        font-size:34px;
    }

    .hero-content p{
        font-size:16px;
    }

    .section-title h2,
    .about-content h2{
        font-size:30px;
    }

    .primary-btn,
    .secondary-btn{
        width:100%;
        text-align:center;
    }

    .contact-info-card,
    .premium-form{
        padding:28px;
    }

    .contact-info-card h3{
        font-size:26px;
    }

    .form-submit{
        width:100%;
    }
}
.auth-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 8%;
    background:
    linear-gradient(rgba(7,17,31,0.88),rgba(7,17,31,0.96)),
    url('https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop');
    background-size:cover;
    background-position:center;
    position:relative;
}

.auth-page::before{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    background:#2563EB;
    filter:blur(170px);
    opacity:0.30;
    top:12%;
    left:8%;
}

.auth-page::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    background:#7C3AED;
    filter:blur(160px);
    opacity:0.30;
    bottom:10%;
    right:8%;
}

.auth-card{
    width:100%;
    max-width:1120px;
    display:grid;
    grid-template-columns:1fr 0.9fr;
    background:rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:34px;
    overflow:hidden;
    backdrop-filter:blur(18px);
    box-shadow:0 30px 80px rgba(0,0,0,0.35);
    position:relative;
    z-index:2;
}

.auth-left{
    padding:60px;
    background:linear-gradient(145deg,rgba(37,99,235,0.16),rgba(124,58,237,0.10));
}

.auth-left h1{
    font-size:48px;
    line-height:1.15;
    margin-bottom:22px;
}

.auth-left p{
    color:#CBD5E1;
    line-height:1.8;
    margin-bottom:35px;
}

.auth-feature{
    display:flex;
    align-items:center;
    gap:12px;
    color:#E2E8F0;
    margin-bottom:16px;
}

.auth-feature i{
    color:#38BDF8;
}

.auth-form{
    padding:60px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:20px;
}

.auth-logo{
    color:#38BDF8;
    font-size:28px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:5px;
}

.auth-form h2{
    font-size:36px;
    margin-bottom:10px;
}

.auth-form input{
    width:100%;
    padding:16px 18px;
    border-radius:15px;
    border:1px solid rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.06);
    color:white;
    outline:none;
    font-family:'Poppins',sans-serif;
    transition:0.3s ease;
}

.auth-form input::placeholder{
    color:#94A3B8;
}

.auth-form input:focus{
    border-color:#38BDF8;
    box-shadow:0 0 0 4px rgba(56,189,248,0.10);
}

.auth-btn{
    border:none;
    cursor:pointer;
    margin-top:8px;
}

.auth-link{
    color:#CBD5E1;
    font-size:14px;
    text-align:center;
}

.auth-link a{
    color:#38BDF8;
    text-decoration:none;
    font-weight:600;
}

.auth-link a:hover{
    text-decoration:underline;
}

@media(max-width:900px){
    .auth-card{
        grid-template-columns:1fr;
    }

    .auth-left,
    .auth-form{
        padding:40px;
    }

    .auth-left h1{
        font-size:38px;
    }
}

@media(max-width:600px){
    .auth-page{
        padding:25px 5%;
    }

    .auth-left,
    .auth-form{
        padding:28px;
    }

    .auth-left h1{
        font-size:30px;
    }

    .auth-form h2{
        font-size:30px;
    }
}
.dashboard-page{
    min-height:100vh;
    display:grid;
    grid-template-columns:280px 1fr;
    background:#07111F;
}

.dashboard-sidebar{
    padding:35px 25px;
    background:rgba(255,255,255,0.04);
    border-right:1px solid rgba(255,255,255,0.08);
    position:sticky;
    top:0;
    height:100vh;
}

.dashboard-logo{
    font-size:28px;
    font-weight:800;
    color:#38BDF8;
    letter-spacing:2px;
    margin-bottom:40px;
}

.dashboard-sidebar ul{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.dashboard-sidebar li,
.dashboard-sidebar a{
    color:#CBD5E1;
    text-decoration:none;
    padding:14px 16px;
    border-radius:14px;
    display:flex;
    align-items:center;
    gap:12px;
    transition:0.3s ease;
    cursor:pointer;
}

.dashboard-sidebar li:hover,
.dashboard-sidebar a:hover,
.dashboard-sidebar li.active{
    background:rgba(56,189,248,0.12);
    color:#38BDF8;
}

.dashboard-main{
    padding:45px;
}

.dashboard-top{
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:center;
    margin-bottom:40px;
}

.dashboard-top h1{
    font-size:44px;
    margin-bottom:10px;
}

.dashboard-top p{
    color:#CBD5E1;
}

.dashboard-cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:24px;
    margin-bottom:60px;
}

.dashboard-card{
    background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));
    border:1px solid rgba(255,255,255,0.10);
    border-radius:24px;
    padding:30px;
    transition:0.3s ease;
}

.dashboard-card:hover{
    transform:translateY(-8px);
    border-color:#38BDF8;
}

.dashboard-card i{
    font-size:32px;
    color:#38BDF8;
    margin-bottom:18px;
}

.dashboard-card h3{
    font-size:38px;
    margin-bottom:8px;
}

.dashboard-card p{
    color:#CBD5E1;
}

.dashboard-title{
    text-align:left;
    margin-bottom:30px;
}

.dashboard-title h2{
    margin-inline:0;
}

.orders-table{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:24px;
    overflow:hidden;
}

.table-header,
.table-row{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:20px;
    padding:22px 28px;
    align-items:center;
}

.table-header{
    background:rgba(56,189,248,0.10);
    color:#38BDF8;
    font-weight:700;
}

.table-row{
    border-top:1px solid rgba(255,255,255,0.07);
    color:#E2E8F0;
}

.status{
    width:fit-content;
    padding:8px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
}

.status.progress{
    background:rgba(56,189,248,0.13);
    color:#38BDF8;
}

.status.pending{
    background:rgba(250,204,21,0.13);
    color:#FACC15;
}

.status.completed{
    background:rgba(34,197,94,0.13);
    color:#22C55E;
}

@media(max-width:950px){
    .dashboard-page{
        grid-template-columns:1fr;
    }

    .dashboard-sidebar{
        position:relative;
        height:auto;
    }

    .dashboard-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .table-header,
    .table-row{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .dashboard-main{
        padding:28px;
    }

    .dashboard-top h1{
        font-size:34px;
    }
}
.admin-table{
    grid-template-columns:1.2fr 1.4fr 1fr 1fr 1fr;
}

.admin-service-section{
    margin-top:60px;
}

@media(max-width:950px){
    .admin-table{
        grid-template-columns:1fr;
    }
}
.logo img,
.dashboard-logo img{
    width: 180px;
    height: auto;
    object-fit: contain;
    display: block;
}

/* =========================
   🌟 LIGHTER BLUE ENHANCEMENTS (ADDED ONLY)
========================= */

body{
    background:#0A1426;
}

/* softer cards glow */
.service-card,
.country-card,
.dashboard-card,
.auth-card{
    box-shadow:0 10px 35px rgba(56,189,248,0.08);
}

/* smoother hover blue */
.service-card:hover,
.country-card:hover,
.dashboard-card:hover{
    border-color:#60A5FA;
    box-shadow:0 20px 60px rgba(96,165,250,0.18);
}

/* softer primary blue tone */
.primary-btn{
    background:linear-gradient(135deg,#60A5FA,#3B82F6);
    box-shadow:0 12px 30px rgba(96,165,250,0.25);
}

/* lighter sidebar effect */
.dashboard-sidebar{
    background:rgba(15,23,42,0.45);
    backdrop-filter:blur(20px);
}

/* softer hero glow */
.hero::before{
    background:#60A5FA;
    opacity:0.25;
}

.hero::after{
    background:#93C5FD;
    opacity:0.20;
}

/* improved text contrast */
h1,h2,h3{
    color:#F1F5F9;
}

/* softer icons */
.service-card i,
.dashboard-card i,
.auth-feature i{
    color:#60A5FA;
}

/* input focus softer */
input:focus,
textarea:focus,
select:focus{
    border-color:#60A5FA !important;
    box-shadow:0 0 0 4px rgba(96,165,250,0.12);
}

/* =========================
   🌊 BLUE GRADIENT THEME BACKGROUND
========================= */

/* خلفية الموقع الرئيسية */
body{
    background: linear-gradient(
        135deg,
        #0B1B3A 0%,
        #0F2A5A 25%,
        #1D4ED8 50%,
        #3B82F6 75%,
        #93C5FD 100%
    );
}

/* طبقة هدوء فوق الخلفية عشان ما تكون مزعجة */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at top left, rgba(147,197,253,0.25), transparent 60%),
               radial-gradient(circle at bottom right, rgba(59,130,246,0.25), transparent 60%);
    pointer-events:none;
    z-index:-1;
}

/* تحسين الكروت لتناسب الخلفية */
.service-card,
.country-card,
.dashboard-card,
.auth-card,
.contact-info-card,
.premium-form{
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(16px);
    border:1px solid rgba(147,197,253,0.15);
}

/* navbar أوضح مع الخلفية */
.navbar{
    background:rgba(15,42,90,0.55);
    backdrop-filter:blur(18px);
}

/* الهيرو يبقى أفتح مع نفس الثيم */
.hero{
    background:
    linear-gradient(
        rgba(11,27,58,0.85),
        rgba(15,42,90,0.95)
    ),
    url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=2070&auto=format&fit=crop');
}

/* ألوان النصوص */
h1,h2,h3{
    color:#EAF2FF;
}

p{
    color:#C7D2FE;
}

/* الأزرار */
.primary-btn,
.btn{
    background:linear-gradient(135deg,#1D4ED8,#3B82F6,#60A5FA);
    box-shadow:0 12px 30px rgba(59,130,246,0.35);
}

.primary-btn:hover,
.btn:hover{
    box-shadow:0 18px 40px rgba(147,197,253,0.35);
}
.table-row.admin-table{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.table-row.admin-table form{
    display: flex;
    align-items: center;
    gap: 10px;
}

.table-row.admin-table button{
    cursor: pointer;
}