html, body {
            font-family: 'Hind Siliguri', sans-serif;
            background: radial-gradient(circle at top, #eefbfd 0%, #f4fcff 35%, #f8fcff 100%);
            color: #0b4f57;
            min-height: 100%;
            display: flex;
            flex-direction: column;
        }
        :root {
            --primary: #0a899a;
            --primary-light: #dff6fa;
            --primary-dark: #065f6b;
            --dark-bg: #121212;
            --dark-card: #181932;
            --dark-card-box: #201f43;
            --dark-text: #9193a8;
            --dark-border: #374151;
        }
        body.dark { background: var(--dark-bg); color: var(--dark-text); }
        .dark .card { background: var(--dark-card-box) !important; border-color: var(--dark-border) !important; color: var(--dark-text); }
        .dark .navbar, .dark .drawer-header { border-bottom: 1px solid var(--dark-border); }
        .dark .app-drawer, .dark .drawer-header { background: var(--dark-card) !important; color: var(--dark-text); }
        .dark .app-drawer .nav-link { color: var(--dark-text); }
        .dark .app-drawer .nav-link:hover { background: var(--dark-border); }
        .dark .navbar-nav .nav-link { color: var(--dark-text); }
        .dark .navbar-nav .nav-link.active { color: #7fb1fa !important; }
        header { background: var(--primary-light); }
        .dark header { background: var(--dark-card); }
        .dark .form-control { background-color: var(--dark-card); color: var(--dark-text); border-color: var(--dark-border); }
        .dark .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(10,137,154,0.25); }
        .btn-primary {
            --bs-btn-color: #fff; --bs-btn-bg: #0a899a;
            --bs-btn-border-color: #077686; --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0b9fb3; --bs-btn-hover-border-color: #0892a5;
            box-shadow: 0 10px 24px rgba(10,137,154,0.28);
        }

        .contact-card {
            background: linear-gradient(180deg, #ffffff 0%, #f5fcff 100%);
            border: 1px solid rgba(10,137,154,0.14);
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 8px 24px rgba(6,95,107,0.12);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }
        .dark .contact-card { background: var(--dark-card-box); border-color: var(--dark-border); }
        .contact-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(10,137,154,0.26); }
        .contact-icon-wrapper {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, rgba(11,127,212,0.1), rgba(10,137,154,0.2));
            color: #0a899a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin-bottom: 20px;
            transition: all 0.3s;
            border: 1px solid rgba(10,137,154,0.2);
        }
        .contact-card:hover .contact-icon-wrapper {
            background: #0a899a;
            color: #fff;
            transform: scale(1.1);
        }
        .dark .contact-icon-wrapper { background: rgba(10,137,154,0.2); border-color: rgba(10,137,154,0.5); }
        
        .contact-title { font-size: 22px; font-weight: 700; margin-bottom: 15px; color: #0b4f57; }
        .dark .contact-title { color: #b2ebf2; }
        .contact-text { font-size: 16px; color: #555; line-height: 1.6; margin-bottom: 0; }
        .dark .contact-text { color: #b0bec5; }
        
        .page-header-banner {
            background: linear-gradient(90deg, #044f58 0%, #0a899a 45%, #0db4ca 100%);
            padding: 50px 0;
            color: white;
            text-align: center;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            margin-bottom: 50px;
            box-shadow: 0 10px 24px rgba(6,95,107,0.28);
        }
        .dark .page-header-banner { background: linear-gradient(90deg, #043840, #086677); box-shadow: 0 6px 18px rgba(5,26,31,0.45); }
        .page-title { font-size: 36px; font-weight: 700; margin-bottom: 0; letter-spacing: 0.5px; }

        .app-drawer { position: fixed; top: 0; left: -260px; width: 250px; height: 100%; background: #fff; z-index: 2000; box-shadow: 2px 0 10px rgba(0,0,0,0.09); transition: left 0.32s; }
        .app-drawer.open { left: 0; }
        .drawer-header { padding: 1.1rem 1.4rem 0.6rem; font-size: 1.18rem; font-weight: 600; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; }
        .app-drawer .nav-link { color: #222; font-size: 1.08rem; padding: 1rem 1.5rem; }
        .app-drawer .nav-link:hover { background: #f6f8fa; color: var(--primary); }
        .drawer-backdrop { position: fixed; z-index: 1099; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.15); display: none; }
        .drawer-backdrop.show { display: block; }
        footer { background: linear-gradient(160deg, #043d46 0%, #065f6b 50%, #043d46 100%); padding: 4rem 0 2rem; color: #cce8ec; position: relative; overflow: hidden; margin-top: auto; }
        footer::before { content: ''; position: absolute; top: -60px; right: -60px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(10,137,154,0.2) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
        footer::after { content: ''; position: absolute; bottom: -40px; left: -40px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(13,180,202,0.12) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
        .dark footer { background: linear-gradient(160deg, #021a1f 0%, #032d33 50%, #021a1f 100%) !important; color: #90c8cf; }
        .dark footer h4, .dark footer h5 { color: #3dd6e8 !important; }

        .contact-link {
            text-decoration: none;
            color: inherit;
        }
        .contact-link:hover {
            color: #0a899a;
        }