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

body{
    font-family:'Segoe UI',sans-serif;
    background:linear-gradient(135deg, #030e2a 0%, #0a1f44 50%, #12305e 100%);
    min-height:100vh;
    color:white;
    position:relative;
    overflow-x:hidden;
}

/* =========================
   BACKGROUND CIRCLES
========================= */
.circle{
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    animation:float 8s infinite ease-in-out;
    z-index:1;
}

.circle1{
    width:250px;
    height:250px;
    top:-60px;
    left:-60px;
}

.circle2{
    width:180px;
    height:180px;
    bottom:40px;
    right:50px;
    animation-delay:2s;
}

.circle3{
    width:120px;
    height:120px;
    top:50%;
    left:10%;
    animation-delay:4s;
}

@keyframes float{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(20px); }
    100%{ transform:translateY(0px); }
}

/* =========================
   NAVBAR
========================= */
.navbar {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: linear-gradient(180deg, #000105 0%, #030a1a 100%); 
    backdrop-filter: blur(15px);
    padding: 12px 40px; /* Vertically spacious layout */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 210, 255, 0.25);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Conflict Cleanup: Old image filter override clear kiya gaya */
.navbar img {
    filter: none;
}

/* wrapper */
.navbar-wrapper{
    display:flex;
    align-items:center;
    gap:35px;
}

/* menu */
.navbar-menu{
    display:flex;
    gap:28px;
}

.navbar-menu a{
    color:white;
    text-decoration:none;
    font-weight:600;
    transition:.25s;
}

.navbar-menu a:hover{
    color:#4CAF50;
}

/* search */
.navbar-search form{
    display:flex;
    width:260px;
    background:white;
    border-radius:10px;
    overflow:hidden;
}

.navbar-search input{
    flex:1;
    border:none;
    outline:none;
    padding:12px;
}

.navbar-search button{
    border:none;
    background:#4CAF50;
    padding:0 18px;
    cursor:pointer;
}

/* actions */
.navbar-actions{
    display:flex;
    align-items:center;
    gap:15px;
}

.login-link{
    color:white;
    text-decoration:none;
    font-weight:600;
}

.signup-btn{
    background:#4CAF50;
    color:#111;
    text-decoration:none;
    padding:12px 22px;
    border-radius:10px;
    font-weight:bold;
}

.signup-btn:hover{
    background:#388E3C; /* Green ka dark shade, yellow hata diya */
}

.user-btn{
    background:rgba(255,255,255,.15);
    color:white;
    border:none;
    padding:12px 18px;
    border-radius:10px;
    cursor:pointer;
}

/* hamburger */
.menu-toggle{
    display:none;
    border:none;
    background:none;
    color:white;
    font-size:30px;
    cursor:pointer;
}

/* ===========================
   MOBILE
=========================== */
@media(max-width:1100px){
    .menu-toggle{ display:block; }
    .navbar{ flex-wrap:wrap; }
    .navbar-wrapper{
        display:none;
        width:100%;
        flex-direction:column;
        align-items:stretch;
        margin-top:25px;
        gap:20px;
    }
    .navbar-wrapper.show{ display:flex; }
    .navbar-menu{ flex-direction:column; gap:15px; }
    .navbar-menu a{ padding:12px 0; border-bottom:1px solid rgba(255,255,255,.12); }
    .navbar-search{ width:100%; }
    .navbar-search form{ width:100%; }
    .navbar-actions{ width:100%; flex-direction:column; align-items:stretch; }
    .signup-btn, .login-link, .user-btn{ text-align:center; width:100%; }
}

/* =========================
   MAIN CONTENT
========================= */
.main-content{
    position:relative;
    z-index:10;
    padding:40px;
    min-height:calc(100vh - 140px);
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:768px){
    .navbar{ padding:20px; flex-direction:column; gap:20px; }
    .main-content{ padding:20px; }
}

/* =========================================
   NAVBAR RIGHT
========================================= */
.navbar-right{
    display:flex;
    align-items:center;
    gap:20px;
}

/* =========================================
   GLOBAL SEARCH
========================================= */
.global-search-form{
    display:flex;
    align-items:center;
    background:white;
    border-radius:10px;
    overflow:hidden;
    width:320px;
}

.global-search-input{
    border:none;
    outline:none;
    padding:12px 15px;
    width:100%;
    font-size:15px;
}

.global-search-btn{
    border:none;
    background:#4CAF50;
    padding:12px 18px;
    cursor:pointer;
    font-size:16px;
}

/* =========================================
   MOBILE
========================================= */
@media(max-width:768px){
    .navbar{ flex-direction:column; gap:20px; }
    .navbar-right{ width:100%; flex-direction:column; }
    .global-search-form{ width:100%; }
}

/* =========================================
   SEARCH PAGE
========================================= */
.search-page{
    width:100%;
    padding:40px;
}

.search-container{
    max-width:1200px;
    margin:auto;
}

.search-title{
    font-size:42px;
    margin-bottom:15px;
}

.search-info{
    margin-bottom:40px;
    font-size:18px;
    color:#ddd;
}

/* =========================================
   SEARCH CARD
========================================= */
.search-card{
    background:white;
    color:#111;
    padding:30px;
    border-radius:18px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,0.15);
}

.search-document{
    font-size:14px;
    font-weight:700;
    color:#0b3d91;
    margin-bottom:10px;
}

.search-section-title{
    font-size:28px;
    margin-bottom:15px;
}

.search-content{
    line-height:1.8;
    color:#555;
    margin-bottom:25px;
}

.open-result-btn{
    display:inline-block;
    background:#4CAF50;
    padding:12px 20px;
    border-radius:10px;
    text-decoration:none;
    color:#111;
    font-weight:700;
}

/* =========================================
   PAGINATION
========================================= */
.pagination-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    margin-top:40px;
}

.pagination-btn{
    background:white;
    color:#111;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:700;
}

.pagination-current{
    font-weight:700;
}

/* =========================================
   NO RESULTS
========================================= */
.no-results{
    text-align:center;
    padding:80px 20px;
}

.no-results h2{
    font-size:40px;
    margin-bottom:20px;
}

/* =========================================
   USER DROPDOWN
========================================= */
.user-dropdown{
    position:relative;
    display:inline-block;
}

.dropdown-btn{
    min-width:180px;
    display:flex;
    align-items:center;
    gap:10px;
}

/* Dropdown Box */
.dropdown-content{
    display:none;
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    min-width:220px;
    background:#ffffff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.20);
    z-index:9999;
}

.dropdown-content.show{
    display:block;
}

/* Links */
.dropdown-content a{
    display:block;
    padding:14px 18px;
    color:#111;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.dropdown-content a:hover{
    background:#f5f5f5;
}

.dropdown-content form{
    margin:0;
}

/* Logout */
.dropdown-logout{
    width:100%;
    border:none;
    background:white;
    text-align:left;
    padding:14px 18px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    color:#d32f2f;
}

.dropdown-logout:hover{
    background:#fff5f5;
}

/* Arrow Animation */
.arrow{
    display:inline-block;
    transition:transform 0.3s ease;
}

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

/* ======================================
   FOOTER
====================================== */
.footer{
    margin-top:120px;
    position:relative;
    overflow:hidden;
    /* Ab yeh exact body ke background se match karega */
    background:linear-gradient(135deg, #030e2a, #0a1f44, #12305e);
    padding:70px 40px 25px;
    color:#fff;
}

/* Glass Overlay */
.footer::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(10px);
}

/* Floating Circle */
.footer::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:-80px;
    top:-120px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
}

.footer-container{
    position:relative;
    z-index:2;
    max-width:1450px;
    margin:auto;
    display:grid;
    grid-template-columns:1.4fr repeat(4,1fr);
    gap:25px;
}

/* Cards */
.footer-card{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:25px;
    transition:.35s;
}

.footer-card:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.10);
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.footer-logo{
    font-size:34px;
    margin-bottom:15px;
}

.footer-logo span{
    color:#4CAF50;
}

.footer-company p{
    line-height:1.9;
    color:#d9e8ff;
    margin-bottom:25px;
}

.footer-version{
    display:flex;
    justify-content:space-between;
    background:rgba(255,255,255,.08);
    padding:12px 18px;
    border-radius:12px;
}

.footer-version span{
    color:#d0dcff;
}

.footer-version strong{
    color:#4CAF50;
}

.footer-card h3{
    margin-bottom:18px;
    font-size:21px;
}

.footer-card ul{
    list-style:none;
}

.footer-card li{
    margin-bottom:11px;
}

.footer-card a{
    color:#dce8ff;
    text-decoration:none;
    transition:.25s;
}

.footer-card a:hover{
    color:#4CAF50;
    padding-left:6px;
}

/* Bottom */
.footer-bottom{
    position:relative;
    z-index:2;
    max-width:1450px;
    margin:40px auto 0;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.15);
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    font-size:15px;
}

.footer-bottom strong{
    color:#fff;
}

.footer-bottom-links{
    display:flex;
    gap:15px;
    align-items:center;
}

.footer-bottom-links span{
    opacity:.5;
}

.footer-bottom-links a{
    color:#dce8ff;
    text-decoration:none;
}

.footer-bottom-links a:hover{
    color:#4CAF50;
}

/* Responsive */
@media(max-width:1200px){
    .footer-container{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:768px){
    .footer{ padding:40px 20px; }
    .footer-container{ grid-template-columns:1fr; }
    .footer-bottom{ flex-direction:column; text-align:center; }
    .footer-bottom-links{ flex-wrap:wrap; justify-content:center; }
}

/* =========================
   LOGO
========================= */
/* =========================
   LOGO OVERRIDE & FINE TUNING
========================= */
/* =========================
   LOGO PROMINENT VISIBILITY
========================= */
.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0;
}


/* =========================
   NAVBAR LOGO SCALING FIX
========================= */
.logo-crop {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
    margin-right: 35px;
}

.logo-image {
    height: 100px; /* Enhanced height for clear visibility */
    width: auto;
    object-fit: contain; /* Aspect ratio retain rakhta hai */
    position: relative;
    top: 0;
    margin: -22px 0; /* Navbar Layout height ko overflow-free rakhega */
    
    /* Clean Glow Effect */
    filter: drop-shadow(0px 0px 8px rgba(0, 210, 255, 0.8));
    transition: transform 0.3s ease, filter 0.3s ease;
}

.logo-image:hover {
    transform: scale(1.08);
    filter: drop-shadow(0px 0px 14px rgba(0, 210, 255, 1));
}

/* Footer Logo - Clean White Version */
/* Footer Logo - Clean White Version (Center Aligned) */
.footer-logo-img {
    height: 100px;  /* Aap ise 60px ya 70px bhi kar sakte hain */
    width: auto;
    display: block;
    margin-left: auto;   /* Left margin auto */
    margin-right: auto;  /* Right margin auto - Isse logo center mein aa jayega */
    margin-bottom: 20px;
    
    /* Yeh magic line logo ke original colors (Blue/Green) ko White bana degi */
    filter: brightness(0) invert(1);
    
    /* Halka sa shadow for depth */
    filter: brightness(0) invert(1) drop-shadow(0 3px 8px rgba(0,0,0,0.4));
}