* { scroll-behavior: smooth; } body { font-family: 'Noto Sans Devanagari', sans-serif; position: relative; top: 0px !important; background: var(--bg-primary); } /* Dark mode CSS vars */ :root { --bg-primary: #f9fafb; --bg-secondary: #ffffff; --bg-card: #ffffff; --text-primary: #111827; --text-secondary: #374151; --text-muted: #6b7280; --border: #e5e7eb; --shadow: rgba(0,0,0,0.08); } .dark { --bg-primary: #0a0f0a; --bg-secondary: #111711; --bg-card: #1a2318; --text-primary: #f0fdf4; --text-secondary: #d1fae5; --text-muted: #86efac; --border: #1f2d1f; --shadow: rgba(0,0,0,0.4); } /* Announcement ticker */ @keyframes ticker { from { transform: translateX(100vw); } to { transform: translateX(-100%); } } .ticker-text { animation: ticker 35s linear infinite; display: inline-block; white-space: nowrap; } /* Animations */ @keyframes fadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes float { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } } @keyframes pulseGlow { 0%,100%{ box-shadow:0 0 0 0 rgba(22,163,74,0.5); } 50%{ box-shadow:0 0 0 14px rgba(22,163,74,0); } } @keyframes shimmer { 0%{ background-position:-200% center; } 100%{ background-position:200% center; } } .anim-float { animation: float 4s ease-in-out infinite; } .anim-pulse-glow { animation: pulseGlow 2.5s infinite; } .anim-fade-up { animation: fadeUp 0.7s ease forwards; } /* Hero */ .hero-bg { background: linear-gradient(135deg, #052e16 0%, #14532d 30%, #166534 60%, #15803d 100%); position: relative; overflow: hidden; } .hero-bg::before { content: ''; position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?w=1600&q=70') center/cover no-repeat; opacity: 0.12; } .hero-grain::after { content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"); opacity: 0.3; pointer-events: none; } /* Shimmer button */ .btn-shimmer { background: linear-gradient(135deg, #15803d, #22c55e, #15803d); background-size: 200% auto; transition: all 0.3s ease; position: relative; overflow: hidden; } .btn-shimmer:hover { background-position: right center; transform: translateY(-2px); box-shadow: 0 12px 30px rgba(21,128,61,0.4); } /* Nav link underline */ .nav-link { position: relative; } .nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#22c55e; transition:width 0.3s; } .nav-link:hover::after { width:100%; } /* Accordion */ .acc-content { max-height: 0; overflow: hidden; transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1), padding 0.3s ease; } .acc-content.open { max-height: 800px; } .acc-icon { transition: transform 0.35s ease; } .acc-btn.active .acc-icon { transform: rotate(45deg); } .acc-btn.active { color: #15803d; } .dark .acc-btn.active { color: #4ade80; } /* Counter */ .counter-digit { background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; padding: 2px 6px; font-family: monospace; font-weight: bold; } /* Support button pulse */ .support-btn { animation: pulseGlow 2s infinite; } /* Scrollbar */ ::-webkit-scrollbar { width: 0px !important} ::-webkit-scrollbar-track { background: #f1f5f9; } ::-webkit-scrollbar-thumb { background: #15803d; border-radius: 3px; } .dark ::-webkit-scrollbar-track { background: #111711; } .dark ::-webkit-scrollbar-thumb { background: #22c55e; } /* Section title underline */ .section-title::after { content:''; display:block; width:60px; height:3px; background: linear-gradient(90deg,#15803d,#4ade80); border-radius:2px; margin-top:8px; } .section-title.center::after { margin: 8px auto 0; } /* Form field */ .form-field { border: 2px solid var(--border); background: var(--bg-card); color: var(--text-primary); transition: border-color 0.3s ease; } .form-field:focus { outline:none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,0.1); } /* Delay classes */ .d1{ animation-delay:0.1s; opacity:0; } .d2{ animation-delay:0.2s; opacity:0; } .d3{ animation-delay:0.3s; opacity:0; } .d4{ animation-delay:0.4s; opacity:0; } .d5{ animation-delay:0.5s; opacity:0; } .d6{ animation-delay:0.6s; opacity:0; } /* translator */ #google_translate_element .goog-te-gadget { font-size: 0 !important; /* hide default "Powered by Google" text label spacing (branding will still show in dropdown) */ } .goog-te-gadget>span{ display: none !important; } /* On hover/focus */ .goog-te-combo:hover, .goog-te-combo:focus { background-color: var(--bg-card) !important; } .goog-te-combo{ color: var(--text-primary) !important; margin: 5px; width: fit-content; max-width: 120px !important; background-color: transparent !important; transition-duration: 0.8s !important; padding: 5px 10px 5px 10px !important; border-radius: 2rem !important; border: 2px solid var(--border) !important; font-size: 1rem !important; } .goog-te-combo:hover{ border: 2px solid var(--border) !important; color: var(--text-primary) !important; background-color: var(--bg-card) !important; border-radius: 1.5rem; box-shadow: 0 4px 6px rgba(100, 155, 180, 0.8), inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .goog-te-combo option { background-color: var(--bg-card) !important; color: var(--text-primary) !important; border: none !important; box-shadow: 0px 4px 2px #666 !important; padding: 5px !important; border-radius: 1rem !important; transition: background-color 0.5s ease !important; } /* Prevent layout shift when Google injects elements */ .goog-te-gadget img { display: none; } /* hide small icon inside widget */ .goog-logo-link { display: none !important; } .VIpgJd-ZVi9od-ORHb{display: none !important;} iframe {display: none !important;}