@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+Tamil:wght@300;400;500;600;700&display=swap";:root{--tvk-maroon:#7c0a17;--tvk-maroon-light:#9e1423;--tvk-maroon-dark:#51040d;--tvk-yellow:#f8c301;--tvk-yellow-light:#ffda3b;--tvk-yellow-dark:#b89100;--bg-dark:#09090b;--bg-darker:#040405;--bg-card:#1a0c0e8c;--bg-card-hover:#2d1216b3;--border-color:#f8c3012e;--border-color-active:#f8c30173;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-premium:0 15px 35px #000000b3, inset 0 1px 1px #ffffff0d;--shadow-glow:0 0 25px #f8c30126;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--font-sans:"Outfit", sans-serif;--font-tamil:"Noto Sans Tamil", "Outfit", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle at 5% 15%,#7c0a1738 0%,#0000 45%),radial-gradient(circle at 95% 85%,#f8c3011a 0%,#0000 45%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}.tamil-text{font-family:var(--font-tamil);line-height:1.7}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 10px #f8c30133}50%{transform:scale(1.05);box-shadow:0 0 25px #f8c30166}to{transform:scale(1);box-shadow:0 0 10px #f8c30133}}@keyframes wave{0%,to{height:10px}50%{height:50px}}@keyframes pulseCamera{0%,to{opacity:.5}50%{opacity:1}}*{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}:hover,:focus,:focus-within,:active{scrollbar-color:var(--tvk-maroon-light) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0;border-radius:10px;margin:6px}::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:background-color .3s}:hover::-webkit-scrollbar-thumb{background:#9e1423a6}:focus::-webkit-scrollbar-thumb{background:#9e1423a6}:active::-webkit-scrollbar-thumb{background:#9e1423a6}:hover::-webkit-scrollbar-thumb:hover{background:var(--tvk-yellow)}::-webkit-scrollbar-corner{background:0 0}header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#09090bd9;justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:12px;display:flex}.logo-circle{background:linear-gradient(135deg, var(--tvk-maroon), var(--tvk-maroon-dark));border:2px solid var(--tvk-yellow);width:44px;height:44px;box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;display:flex}.logo-circle svg{width:28px;height:28px}.brand-info{text-align:left;flex-direction:column;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.nav-btn:hover{color:var(--tvk-yellow-light)}.nav-btn.active{background:var(--tvk-maroon);color:#fff;border:1px solid var(--border-color)}.glass-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);padding:25px;transition:all .3s;overflow:hidden}.glass-card:hover{border-color:var(--border-color-active);box-shadow:var(--shadow-premium), var(--shadow-glow);background:var(--bg-card-hover)}.btn-main-gold{background:linear-gradient(135deg, var(--tvk-yellow), var(--tvk-yellow-dark));color:var(--bg-darker);cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:50px;padding:12px 28px;font-size:.9rem;font-weight:800;transition:all .3s}.btn-main-gold:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-main-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-main-maroon{background:linear-gradient(135deg, var(--tvk-maroon-light), var(--tvk-maroon-dark));color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:50px;padding:12px 28px;font-size:.9rem;font-weight:800;transition:all .3s}.btn-main-maroon:hover{border-color:var(--tvk-yellow);transform:translateY(-2px)}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2.5px solid #f8c30133;border-top-color:var(--tvk-yellow);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}
