/* ==========================================
   BharatPatidar.com — Custom Stylesheet
   (Tailwind utility classes are still loaded via CDN in index.html;
   this file only contains the hand-written custom CSS)
   ========================================== */

[x-cloak] {
    display: none !important;
}

.glass-header {
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.hero-bg-gradient {
    background: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.08) 0%, rgba(248, 250, 252, 0) 70%);
}

.dual-text-logo {
    letter-spacing: -0.03em;
}

.quick-contact {
    position: fixed;
    z-index: 8;
    right: 22px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 9px
}

.quick-contact a {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #dce2ea;
    background: #fff;
    color: var(--ink);
    padding: 10px 13px;
    border-radius: 10px;
    box-shadow: 0 9px 24px #1118271a;
    font-size: 12px;
    font-weight: 700;
    transition: .2s
}

.quick-contact a:hover {
    transform: translateX(-3px);
    border-color: #b7c6e8
}

.quick-contact .quick-email {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink)
}

.quick-icon {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    font-size: 14px
}