@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Signika+Negative:wght@400;600;700&display=swap";
:root{--bg-color:#f2f3f5;--bg-dark:#3a3a3a;--primary-color:#8dc63f;--primary-hover:#7eb039;--text-dark:#000;--text-light:#fff;--text-muted:#9c9c9c;--border-color:#ececec;--card-bg:#fff;--card-border:#00000014;--card-shadow:0 8px 32px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Signika Negative,sans-serif;font-size:16px}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--primary-color)}h1,h2,h3,h4,h5,h6{color:#525b6e;margin-bottom:.5em;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{margin-bottom:30px;padding-bottom:10px;font-size:28px;font-weight:700;position:relative}.section-title:after{content:"";background-color:var(--primary-color);width:50px;height:3px;position:absolute;bottom:0;left:0}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8dc63f4d}.main-header{-webkit-backdrop-filter:blur(30px);z-index:100;background:#ffffffa6;border-bottom:1px solid #fff6;position:sticky;top:0;box-shadow:0 4px 30px #0000000d}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:20px;list-style:none;display:flex}.nav-links a{color:var(--bg-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--primary-color)}.disabled-link{cursor:not-allowed;color:var(--text-muted)!important}.main-footer{background:var(--bg-dark);color:#fff;margin-top:40px;padding-top:60px}.footer-content{grid-template-columns:2fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-about p{color:#ccc;margin-bottom:15px;font-size:.95rem;line-height:1.6}.tamil-text{font-size:.9rem;line-height:1.8}.footer-socials h3{color:#fff;margin-bottom:20px}.social-links{flex-direction:column;gap:12px;display:flex}.social-link{color:#ccc;font-weight:500}.social-link:hover{color:var(--primary-color)}.footer-bottom{text-align:center;color:#999;background:#2a2a2a;padding:20px 0;font-size:.9rem}.page-container{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff6;border-radius:20px;min-height:60vh;margin-top:20px;margin-bottom:20px;padding:40px 20px;box-shadow:0 8px 32px #0000000a}.page-content p{color:#444;margin-bottom:20px;font-size:1.05rem;line-height:1.8}.page-content h3{color:var(--primary-color);margin-top:40px;margin-bottom:15px}@media (max-width:768px){.footer-content{grid-template-columns:1fr}.header-container{justify-content:center;gap:0;padding:10px 20px}.logo-area{margin-bottom:0;transform-origin:50%!important;transform:scale(1.4)!important}.main-nav{display:none}.mobile-bottom-nav{display:flex!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.preloader-overlay{z-index:9999;background:#090a0c;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s;display:flex;position:fixed;top:0;left:0}.preloader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{text-align:center;flex-direction:column;align-items:center;display:flex}.preloader-logo{width:auto;height:100px;animation:2.5s ease-in-out infinite alternate logoGlow}.preloader-subtitle{color:#d4af37;letter-spacing:3px;text-transform:uppercase;margin-top:25px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;animation:2s ease-in-out infinite alternate textGlow}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px #8dc63f59)drop-shadow(0 0 10px #8dc63f26);transform:scale(.95)}to{filter:drop-shadow(0 0 35px #8dc63fe6)drop-shadow(0 0 60px #8dc63f73);transform:scale(1.05)}}@keyframes textGlow{0%{text-shadow:0 0 4px #d4af374d;opacity:.75}to{text-shadow:0 0 15px #d4af37e6;opacity:1}}.bg-blobs{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.22;border-radius:50%;animation:25s ease-in-out infinite alternate drift;position:absolute}.blob-1{background:radial-gradient(circle, var(--primary-color) 0%, #8dc63f00 70%);width:650px;height:650px;top:-150px;left:-150px}.blob-2{background:radial-gradient(circle,#d4af37 0%,#d4af3700 70%);width:750px;height:750px;animation-duration:30s;animation-delay:-5s;bottom:-200px;right:-150px}.blob-3{opacity:.15;background:radial-gradient(circle,#0070f3 0%,#0070f300 70%);width:450px;height:450px;animation-duration:28s;animation-delay:-10s;top:35%;left:20%}.bg-grid{z-index:-1;pointer-events:none;opacity:.8;background-image:radial-gradient(#0000000a 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,60px)scale(1.1)rotate(60deg)}to{transform:translate(-50px,120px)scale(.9)rotate(120deg)}}.yt-card,.app-card,.podcast-card,.gallery-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s!important}.yt-card:hover,.app-card:hover,.podcast-card:hover,.gallery-card:hover{border-color:#8dc63f66!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 15px 35px #8dc63f2e,0 5px 15px #0000000d!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);background:#ffffffd9;border-top:1px solid #00000014;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000000d}.mobile-nav-item{color:#555;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-item svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.mobile-nav-item:hover svg,.mobile-nav-item:focus svg{transform:translateY(-2px)}.mobile-nav-item.active{color:var(--primary-color)}.bottom-sheet{-webkit-backdrop-filter:blur(25px);z-index:1002;padding:24px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);background:#ffffffeb;border-radius:20px 20px 0 0;transition:transform .5s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 45px #0000001f}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:1001;opacity:0;pointer-events:none;background:#0006;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.bottom-sheet-header h3{color:var(--bg-dark);margin:0;font-size:1.05rem;font-weight:700}.bottom-sheet-close{cursor:pointer;color:#666;background:0 0;border:none;padding:5px;font-size:1.2rem}.bottom-sheet-links{flex-direction:column;gap:8px;list-style:none;display:flex}.bottom-sheet-links a{color:var(--bg-dark);border-radius:8px;padding:12px 10px;font-size:1.1rem;font-weight:600;transition:all .2s;display:block}.bottom-sheet-links a:hover{color:var(--primary-color);background:#8dc63f14;padding-left:15px}.footer-social-icons{gap:16px;margin-top:15px;display:flex}.social-icon-btn{color:#c5c5c5;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.social-icon-btn svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.social-icon-btn:hover{color:var(--text-light);transform:translateY(-5px)}.social-icon-btn:hover svg{transform:scale(1.1)}.social-icon-btn.youtube:hover{background:red;border-color:red;box-shadow:0 5px 20px #ff000073}.social-icon-btn.facebook:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 5px 20px #1877f273}.social-icon-btn.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aec 90%);border-color:#0000;box-shadow:0 5px 20px #d6249f73}.install-banner{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#ffffffe6;border:1px solid #8dc63f2e;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpInstall;display:flex;position:fixed;bottom:80px;left:20px;right:20px;box-shadow:0 12px 40px #00000026}@keyframes slideUpInstall{0%{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}.install-banner-content{align-items:center;gap:12px;display:flex}.install-app-icon{object-fit:cover;border:1px solid #0000000d;border-radius:10px;width:44px;height:44px}.install-banner-text h4{color:var(--bg-dark);margin-bottom:2px;font-size:.95rem;font-weight:700}.install-banner-text p{color:#444;margin:0;font-size:.78rem;line-height:1.3}.install-banner-actions{align-items:center;gap:10px;display:flex}.install-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.install-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8dc63f40}.install-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s}.install-close-btn:hover{color:var(--bg-dark);background:#0000000a}.ios-instructions{color:#333;align-items:center;gap:8px;font-size:.8rem;display:flex}.ios-icon{vertical-align:middle;font-size:1.3rem;line-height:0}.main-footer{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards footerSlideIn;transform:translateY(30px)}@keyframes footerSlideIn{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.install-banner{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px;bottom:70px}.install-banner-actions{justify-content:flex-end}.section{padding:40px 0}body{padding-bottom:75px}}