@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);.marquee-container{background-color:#1a1a2a;border-bottom:1px solid #3a3a5a;border-top:1px solid #3a3a5a;overflow:hidden;padding:8px 0;width:100%}.marquee-content{animation:scrollAnimation 40s linear infinite;display:inline-flex;white-space:nowrap}.marquee-item{color:#e0e0e0;font-size:.9rem;padding:0 25px;position:relative}.marquee-item:not(:last-child):after{color:#fdd835;content:"•";position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes scrollAnimation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.app-header{background-color:#1a1a2e;border-bottom:1px solid #3a3a5a;box-sizing:border-box;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-main-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1600px}.logo-container{align-items:center;display:flex;gap:15px}.logo{height:45px}.website-title{color:#fff;font-size:1.6rem;font-weight:600;margin:0}.desktop-marquee{display:none}.mobile-marquee{display:block;margin:15px -30px -15px;width:calc(100% + 60px)}@media (min-width:768px){.header-main-content{flex-wrap:nowrap}.mobile-marquee{display:none}.desktop-marquee{display:block;flex:1 1;margin-left:40px;max-width:65%}.logo{height:50px}.website-title{font-size:1.8rem}}:root{--color-menu-bg:#f5fffa;--color-text:#49574a;--color-line:#e0e0e0;--bg-color-overlay:#f5faf5f0}.radial-menu-overlay{animation:overlayFadeIn .4s ease-out forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f5faf5f0;background-color:var(--bg-color-overlay);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1002}.radial-menu-container,.radial-menu-overlay{align-items:center;display:flex;justify-content:center}.radial-menu-container{height:500px;position:relative;width:500px}.center-home-button{align-items:center;animation:popIn .5s ease-out .1s forwards;background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--color-line);border-radius:50%;box-shadow:0 0 20px #0000001a;color:#49574a;color:var(--color-text);cursor:pointer;display:flex;height:90px;justify-content:center;transform:scale(0);transition:transform .3s ease;width:90px;z-index:10}.center-home-button:hover{transform:scale(1.1)}.text-container-svg{height:100%;overflow:visible;position:absolute;width:100%;z-index:5}.segment-path{fill:#f5fffa;fill:var(--color-menu-bg);stroke:#e0e0e0;stroke:var(--color-line);stroke-width:1px;animation:fadeIn .6s ease-out .2s forwards;opacity:0;transition:fill .2s ease-in-out}.menu-text{fill:#49574a;fill:var(--color-text);text-anchor:middle;animation:fadeIn .7s ease-out .3s forwards;font-family:Noto Sans Tamil,sans-serif;font-size:14px;font-weight:500;transition:fill .2s ease-in-out,font-weight .2s ease-in-out;-webkit-user-select:none;user-select:none}.menu-icon-image,.menu-text{opacity:0;pointer-events:none}.menu-icon-image{animation:fadeIn .7s ease-out .2s forwards;transition:transform .2s ease-in-out}.menu-segment{cursor:pointer}.menu-segment:hover .segment-path{fill:#e8f5e9}.menu-segment:hover .menu-text{fill:#1e251e;font-weight:600}.menu-segment:hover .menu-icon-image{transform:scale(1.1)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:500px){.radial-menu-container{transform:scale(.8)}}.floating-menu-btn{align-items:center;background-color:#9ddd48;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0000004d;color:#1e1e1e;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:30px;transition:transform .3s ease,background-color .3s ease;width:40px;z-index:1001}.floating-menu-btn:hover{background-color:#f3d458;transform:scale(1.1)}.floating-menu-wrapper{align-items:center;bottom:80px;display:flex;flex-direction:column-reverse;position:fixed;right:30px;z-index:1000}.menu-item{margin-bottom:15px;opacity:0;transform:translateY(0) scale(0);transition:all .3s ease}.floating-menu-wrapper.open .menu-item{opacity:1;transform:translateY(0) scale(1)}.ticker-container{background-color:initial;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:2rem 0;position:relative}.ticker-row-wrapper{align-items:center;display:flex;height:70px;margin-bottom:30px}.ticker-row-wrapper:hover .ticker-row{animation-play-state:paused}.ticker-row{display:flex;width:-webkit-max-content;width:max-content}.ticker-row:hover{animation-play-state:paused}.ticker-item{flex-shrink:0;height:80px;margin:0 10px;transition:transform .2s ease;width:auto}.ticker-item:hover{box-shadow:0 8px 20px #0009;text-align:center;transform:scale(3.15)}.ticker-item img{border-radius:8px;box-shadow:0 5px 15px #0006;height:100%;object-fit:cover;width:100%}.scroll-left{animation:scrollLeft 100s linear infinite}.scroll-right{animation:scrollRight 100s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@media (max-width:768px){.scroll-left,.scroll-right{animation-duration:150s}}.ticker-item{cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease,z-index 0s .3s;z-index:1}.ticker-item-name{background:#000000bf;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;font-size:.15em;font-weight:300;left:0;line-height:1.2;max-height:10px;overflow:hidden;overflow:visible;padding:px 2px;position:absolute;right:0;text-overflow:clip;top:25px;transform:scale(1);transition:transform .3s ease;white-space:normal;z-index:2}.ticker-item:hover{box-shadow:0 4px 8px #0000004d;transform:scale(4.05);z-index:10}.font-style-0{font-family:Roboto,sans-serif}.font-style-1{font-family:Poppins,sans-serif}.font-style-2{font-family:Montserrat,sans-serif}.font-style-3{font-family:Oswald,sans-serif}.font-style-4{font-family:Merriweather,serif}.carousel-section{background-color:#121212;color:#fff;font-family:Noto Sans Tamil,sans-serif;overflow:hidden;padding:20px 0 20px 20px}.section-header{margin-bottom:20px;padding-right:20px}.section-title{border-left:4px solid #d4af37;color:#f0f0f0;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0;padding-left:15px}.see-all{color:#d4af37;cursor:pointer;font-size:.9rem;font-weight:500;transition:color .3s}.see-all:hover{color:#fff}.carousel-scroll-container{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;padding-bottom:20px;padding-right:20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-scroll-container::-webkit-scrollbar{display:none}.carousel-card{cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.carousel-card:hover{transform:translateY(-5px)}.card-landscape{width:280px}.card-landscape .image-wrapper{height:158px;width:100%}.card-portrait{width:160px}.card-portrait .image-wrapper{height:240px;width:100%}.card-square{width:180px}.card-square .image-wrapper{height:180px;width:100%}.image-wrapper{background-color:#1e1e1e;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 6px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.card-image{transition:transform .5s ease}.carousel-card:hover .image-wrapper{border-color:#d4af37;box-shadow:0 0 15px #d4af3766}.carousel-card:hover .card-image{transform:scale(1.1)}.hover-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.carousel-card:hover .hover-overlay{opacity:1}.icon-circle{background-color:#d4af37e6;height:45px;transform:scale(.8);transition:transform .3s;width:45px}.carousel-card:hover .icon-circle{transform:scale(1)}.action-icon{color:#000;font-size:18px}.view-badge{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;border-radius:4px;bottom:8px;color:#fff;display:flex;font-size:10px;padding:3px 6px;position:absolute;right:8px}.card-details{padding-top:10px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e0e0e0;display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.card-subtitle{color:#888;font-size:.8rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.card-landscape{width:240px}.card-landscape .image-wrapper{height:135px}.card-portrait{width:140px}.card-portrait .image-wrapper{height:210px}}@media (max-width:768px){.carousel-section{padding:15px 0 15px 15px}.section-title{border-left-width:3px;font-size:1.2rem;padding-left:10px}.card-landscape{width:220px}.card-landscape .image-wrapper{height:124px}.card-portrait{width:125px}.card-portrait .image-wrapper{height:188px}.card-square{width:140px}.card-square .image-wrapper{height:140px}.card-title{font-size:.85rem}.carousel-scroll-container{gap:12px}}.mobile-bottom-nav{display:none}@media screen and (max-width:768px){.mobile-bottom-nav{background-color:#1a1a2e;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 -2px 10px #0000004d;height:65px;justify-content:space-around;left:0;padding-bottom:5px;position:fixed;width:100%;z-index:9999}.mobile-bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:#888;cursor:pointer;flex:1 1;flex-direction:column;font-size:11px;justify-content:center;position:relative}.nav-icon{font-size:20px;margin-bottom:4px;transition:color .3s ease}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#fc0}.center-item{transform:translateY(-15px)}.center-icon-circle{align-items:center;background-color:#fc0;border:4px solid #1a1a2e;border-radius:50%;box-shadow:0 4px 6px #0000004d;display:flex;height:50px;justify-content:center;width:50px}.center-item .nav-icon{color:#1a1a2e;font-size:22px;margin-bottom:0}.center-item .nav-label{color:#fc0;margin-top:5px}}.fab-container{align-items:center;background-color:#fbbc05;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:25px;transition:transform .2s ease-in-out;width:40px;z-index:1000}.fab-container:hover{transform:scale(1.1)}.bookmarks-modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.bookmarks-modal-content{background-color:#2d3748;box-shadow:0 10px 30px #0006;max-height:80vh;overflow-y:auto;padding:1.5rem;position:relative}@media (min-width:768px){.bookmarks-modal-content{max-width:450px;width:35%}}.bookmarks-modal-content .close-button{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.bookmarks-modal-content .modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.bookmarks-list{display:flex;flex-direction:column;gap:1rem}.bookmark-item{background-color:#4a5568;border-radius:8px;cursor:pointer;padding:.75rem;transition:background-color .2s ease,transform .2s ease}.bookmark-item:hover{background-color:#718096;transform:translateY(-2px)}.bookmark-image{border-radius:6px;flex-shrink:0;height:50px;margin-right:1rem;object-fit:cover;width:50px}.bookmark-info{min-width:0}.bookmark-title{color:#fff;display:block;font-weight:500}.bookmark-category{color:#a0aec0;font-weight:400}.delete-button{color:#e53e3e;flex-shrink:0;font-size:1rem;margin-left:1rem;opacity:.6;padding:.5rem;transition:opacity .2s ease,transform .2s ease}.delete-button:hover{opacity:1;transform:scale(1.1)}.note-content-snippet{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#b0b0b0;display:-webkit-box;font-size:.85rem;font-style:italic;margin-top:4px;overflow:hidden}.note-actions{display:flex;gap:.5rem}.edit-button{align-items:center;background:none;border:none;border-radius:50%;color:#7e8cff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:background-color .2s}.edit-button:hover{background-color:#7e8cff33}.modal-overlay{background-color:#0009;z-index:1100}.bookmarks-modal-content{background-color:#2c2c2c;border-radius:12px;box-shadow:0 5px 20px #0000004d;max-width:500px;padding:20px;width:90%}.bookmarks-modal-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.bookmarks-modal-header h2{color:#fbbc05;margin:0}.close-button{color:#fff;font-size:28px}.empty-message{color:#aaa;padding:20px 0;text-align:center}.bookmarks-list{list-style:none;margin:0;max-height:60vh;overflow-y:auto;padding:0}.bookmark-item{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:12px 5px}.bookmark-info{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.bookmark-title{color:#eee;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-category{color:#aaa;font-size:.8rem;margin-top:4px}.delete-button{align-items:center;background:none;border:none;border-radius:50%;color:#ff5e5e;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:background-color .2s}.delete-button:hover{background-color:#ff5e5e33}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000d9;bottom:0;right:0}.notes-modal-content{background-color:#121212;border:1px solid #333;border-radius:12px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;max-width:800px;padding:25px;width:50%}.notes-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.notes-modal-header h3{color:#fbbf24;font-family:sans-serif;font-size:1.2rem;margin:0}.close-button{background:none;border:none;color:#888;cursor:pointer;font-size:2rem;line-height:1}.close-button:hover{color:#fff}.notes-textarea{background-color:#1e1e1e;border:2px solid #fbbf24;border-radius:8px;box-sizing:border-box;color:#fcd34d;font-family:sans-serif;font-size:1rem;height:300px;line-height:1.6;outline:none;padding:15px;resize:none;width:100%}.notes-textarea:focus{border-color:#f59e0b;box-shadow:0 0 5px #fbbf244d}.notes-textarea::placeholder{color:#666}.notes-modal-footer{margin-top:20px;text-align:right}.save-button{background-color:#fbbf24;border-radius:6px;color:#000;padding:10px 25px;transition:background-color .2s}.save-button:hover{background-color:#f59e0b}.save-button:disabled{background-color:#444;color:#888;cursor:not-allowed}@media (max-width:768px){.notes-modal-content{padding:20px;width:85%}.notes-textarea{font-size:.95rem;height:200px}.notes-modal-header h3{font-size:1rem}}body,html{margin:0;padding:0}.app-container,body,html{overflow-x:hidden;width:100%}.app-container{background-color:#1e1e1e;display:flex;flex-direction:column;min-height:100vh}.top-actions-container{align-items:flex-end;display:flex;flex-direction:column;gap:16px;padding:0 24px 24px}.main-content{flex-grow:1;margin-left:auto;margin-right:auto;max-width:95%;width:100%}@media (max-width:768px){.top-actions-container{align-items:center;padding:0 16px 16px}.main-content{max-width:100%;padding:0 16px}}@media screen and (max-width:768px){.fab-container{display:none!important}.app-container{padding-bottom:70px}}.premium-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.premium-modal-content{animation:slideUp .3s ease-out;background:#1a1a1a;border:1px solid #d4af37;border-radius:12px;box-shadow:0 0 20px #d4af3733;max-width:350px;overflow:hidden;padding:20px 15px;position:relative;text-align:center;width:85%}.modal-bg-pattern{background:radial-gradient(circle,#d4af370d 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.close-btn,.modal-footer,.plans-container,.premium-header{position:relative;z-index:2}.premium-header h2{color:#d4af37;font-size:1.3rem;font-weight:700;margin:5px 0 2px}.premium-header p{color:#ccc;font-size:.75rem;margin-bottom:15px}.crown-icon{color:#d4af37;font-size:2.5rem;margin-bottom:5px}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:25px;justify-content:center;position:absolute;right:10px;top:10px;transition:.3s;width:25px;z-index:100}.close-btn svg{pointer-events:none}.close-btn:hover{background:#f44}.plans-container{flex-direction:column;gap:10px;margin-bottom:15px}.plan-card{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;flex-direction:row;justify-content:space-between;padding:10px 15px;text-align:left}.plan-icon{font-size:1.2rem;margin-right:10px}.plan-details{flex-grow:1}.plan-details h3{color:#fff;font-size:1rem;margin:0}.plan-details p{color:#aaa;font-size:.7rem;margin:0}.gold-card{border:1px solid #d4af37}.gold-icon{color:#d4af37}.gold-btn{background:#d4af37;color:#000}.silver-card{border:1px solid #a0a0a0}.silver-icon{color:#e0e0e0}.silver-btn{background:#e0e0e0;color:#000}.select-btn{border:none;border-radius:15px;cursor:pointer;font-size:.75rem;font-weight:700;padding:6px 15px}.later-btn{background:none;border:none;color:#888;cursor:pointer;font-size:.8rem;padding:10px;pointer-events:auto;position:relative;text-decoration:underline;z-index:100}.close-btn:active,.later-btn:active{transform:scale(.9);transition:.1s}.modal-footer{margin-top:15px;position:relative;z-index:50}.audio-player-wrapper{bottom:0;display:flex;justify-content:center;left:0;padding:10px;pointer-events:none;position:fixed;right:0;transition:all .3s ease-in-out;z-index:10000}.audio-player-container{background-color:#212529;border:1px solid #495057;border-radius:12px;box-shadow:0 -4px 15px #0006;color:#fff;display:flex;flex-direction:column;gap:8px;height:auto;max-width:500px;min-height:100px;overflow:hidden;padding:12px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (max-width:768px){.audio-player-wrapper.minimized{bottom:70px!important;left:5px;padding:0;right:5px;width:auto;z-index:10000}.audio-player-wrapper .player-top-controls button{background:#0000;border:none;color:#fff;font-size:14px;margin-left:10px}.audio-player-wrapper.minimized .audio-player-container{align-items:center;background-color:#212529;border:1px solid #444;border-radius:8px;box-shadow:0 -2px 10px #00000080;display:flex;flex-direction:row;height:50px;justify-content:space-between;min-height:50px;overflow:hidden;padding:0 10px}.audio-player-wrapper.minimized .track-title-container{flex:1 1;font-size:13px;margin:0;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.audio-player-wrapper.minimized .player-top-controls{background:#333;right:10px;top:-15px}.audio-player-wrapper:not(.minimized){background:#0000;bottom:75px!important;height:auto;left:5px;padding:0;right:5px;width:auto;z-index:10000}.audio-player-wrapper:not(.minimized) .audio-player-container{border-radius:12px;box-shadow:0 -5px 20px #0009;max-height:400px}}.audio-player-wrapper.minimized .main-controls-section{display:none!important}.player-top-controls{align-items:center;display:flex;gap:8px;left:8px;position:absolute;top:8px;z-index:2}.audio-player-wrapper.minimized .player-top-controls{margin-left:auto;order:2;position:static}.control-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.control-button:hover{background-color:#fff3;transform:scale(1.1)}.close-button:hover{background-color:#dc3545}.mini-play-btn{align-items:center;background:#ffc107;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;margin-right:5px;width:28px}.track-title-container{flex-grow:1;margin-top:5px;padding:0 35px;text-align:center}.track-title{font-weight:500}.audio-player-wrapper.minimized .track-title-container{font-size:.9rem;margin-right:10px;margin-top:0;order:1;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.main-controls-section{display:flex;flex-direction:column;gap:8px;margin-top:15px;width:100%}.progress-section{align-items:center;display:flex;gap:8px;width:100%}.time-display{color:#adb5bd;font-size:.75rem;min-width:35px;text-align:center}.progress-bar{accent-color:orange;background:#495057;border-radius:5px;cursor:pointer;height:5px;outline:none;width:100%}.player-bottom-controls{gap:10px;justify-content:space-evenly}.nav-button{padding:10px}@media (max-width:600px){.player-bottom-controls{justify-content:space-between;padding:0 10px}.nav-button{font-size:1.6rem}.speed-button{position:static}}.player-bottom-controls{align-items:center;display:flex;justify-content:center;padding-bottom:5px;position:relative;width:100%}.nav-button{background:none;border:none;color:#fff;font-size:1.4rem;padding:5px}.nav-button,.play-pause-button{align-items:center;cursor:pointer;display:flex;justify-content:center}.play-pause-button{background-color:orange;border:none;border-radius:50%;color:#212529;flex-shrink:0;font-size:18px;height:45px;width:45px}.speed-button{background:none;border:1px solid #ced4da;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;min-width:40px;padding:3px 6px;text-align:center}.app-footer{background-color:#0d0d0d;border-top:1px solid #d4af3733;color:#b0b0b0;font-family:Noto Sans Tamil,sans-serif;margin-top:auto;padding:60px 20px 20px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding-bottom:40px}.footer-section{flex:1 1;margin-bottom:20px;min-width:250px;padding-right:20px}.footer-logo{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:15px}.footer-logo span{color:#d4af37}.footer-desc{color:#888;font-size:.9rem;line-height:1.6;margin-bottom:20px}.social-icons{display:flex;gap:15px}.social-icon{align-items:center;background-color:#1a1a1a;border:1px solid #333;border-radius:50%;color:#fff;display:flex;font-size:14px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.social-icon:hover{background-color:#d4af37;color:#000;transform:translateY(-3px)}.footer-title{color:#fff;font-size:1.1rem;margin-bottom:20px;position:relative}.footer-title:after{background-color:#d4af37;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{cursor:pointer;font-size:.9rem;margin-bottom:12px;transition:color .3s ease}.footer-section ul li:hover{color:#d4af37;padding-left:5px}.footer-bottom{border-top:1px solid #ffffff0d;font-size:.85rem;padding-top:20px;text-align:center}.heart-icon{color:#e74c3c;margin:0 3px;vertical-align:middle}@media (max-width:768px){.app-footer{padding:40px 15px 80px}.footer-content{flex-direction:column;gap:30px}.footer-section{margin-bottom:0;padding-right:0}}.hero-container{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100%}.video-slide{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:1}.video-slide.active{opacity:1;z-index:2}.background-video{height:100%;object-fit:cover;width:100%}.hero-content{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:90%;z-index:10}.hero-content.fade-out{opacity:0;pointer-events:none}.play-btn{margin-bottom:10px;pointer-events:auto}.play-btn:active{transform:scale(.95)}.main-title{animation:slideUp 1s ease-out;font-family:Noto Sans Tamil,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 10px #000c}.desc-text{font-size:1.2rem;font-weight:300;margin-bottom:30px}.overlay{background:#0006;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:5}.overlay.hidden{opacity:0}.slider-dots{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:15}.dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.active-dot{background-color:#d4af37;transform:scale(1.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.play-btn{background:linear-gradient(45deg,#d4af37,#fdd017);border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 0 20px #d4af3799;color:#fff;cursor:pointer;font-size:24px;height:70px;transition:transform .3s;width:70px}.play-btn:hover{transform:scale(1.1)}.continue-section{background-color:#121212;color:#fff;padding:20px}.section-heading{border-left:4px solid #d4af37;color:#f0f0f0;font-size:1.5rem;margin-bottom:15px;padding-left:10px}.continue-scroll-container{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.continue-scroll-container::-webkit-scrollbar{display:none}.continue-card{align-items:center;background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 6px #0000004d;cursor:pointer;display:flex;gap:10px;min-width:280px;padding:10px;transition:transform .3s ease}.continue-card:hover{background-color:#252525;transform:translateY(-5px)}.card-image-container{flex-shrink:0;height:70px;position:relative;width:70px}.card-img{border-radius:8px;height:100%;object-fit:cover;width:100%}.play-overlay{border-radius:8px;color:#fff;font-size:20px;transition:opacity .3s}.continue-card:hover .play-overlay{opacity:1}.card-info{flex-grow:1}.track-title{color:#fff;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-author{color:#aaa;font-size:.8rem;margin:3px 0 8px}.progress-container{background-color:#444;border-radius:2px;height:4px;margin-bottom:5px;position:relative;width:100%}.progress-bar-fill{background-color:#d4af37;border-radius:2px;height:100%}.time-left{color:#d4af37;font-size:.7rem}.circle-menu-section{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.menu-heading{color:#38bdf8;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;text-align:center;text-shadow:0 0 10px #38bdf84d;text-transform:uppercase}.circle-container-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.circle-container{border:1px dashed #38bdf84d;border-radius:50%;flex-shrink:0;height:550px;margin:0 auto;position:relative;width:550px}.center-piece{align-items:center;background:radial-gradient(circle,#38bdf8,#0284c7);border:4px solid #0f172a;border-radius:50%;box-shadow:0 0 30px #38bdf866;cursor:pointer;display:flex;height:110px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:110px;z-index:5}.center-piece:hover{transform:translate(-50%,-50%) scale(1.05)}.menu-item{cursor:pointer;flex-direction:column;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(240px) rotate(calc(var(--angle)*-1));transition:transform .3s ease;width:80px;z-index:10}.icon-circle,.menu-item{align-items:center;display:flex}.icon-circle{background-color:#1e293b;border:2px solid #38bdf8;border-radius:50%;box-shadow:0 4px 10px #0000004d;color:#38bdf8;font-size:22px;height:55px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:55px}.menu-title{background-color:#0f172acc;border-radius:4px;color:#e2e8f0;font-size:.8rem;font-weight:600;padding:3px 8px;text-align:center;white-space:nowrap}.menu-item:hover{transform:translate(-50%,-50%) rotate(var(--angle)) translate(240px) rotate(calc(var(--angle)*-1)) scale(1.15);z-index:20}.menu-item:hover .icon-circle{background-color:#38bdf8;box-shadow:0 0 15px #38bdf899;color:#0f172a}.menu-item:hover .menu-title{color:#38bdf8}@media screen and (max-width:768px){.circle-menu-section{padding:10px}.circle-container{height:320px;width:320px}.center-piece{height:75px;width:75px}.menu-item{width:60px}.menu-item,.menu-item:hover{transform:translate(-50%,-50%) rotate(var(--angle)) translate(135px) rotate(calc(var(--angle)*-1))}.icon-circle{border-width:1px;font-size:18px;height:40px;width:40px}.menu-title{font-size:.65rem}}@media screen and (max-width:350px){.circle-container{height:280px;width:280px}.menu-item,.menu-item:hover{transform:translate(-50%,-50%) rotate(var(--angle)) translate(115px) rotate(calc(var(--angle)*-1))}}.mood-section{background-color:#121212;overflow:hidden;padding:20px}.section-heading{border-left:5px solid #d4af37;color:#d4af37;font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-left:15px;text-transform:uppercase}.mood-scroll-container{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:auto;padding-bottom:20px;padding-left:10px;padding-right:20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.mood-scroll-container::-webkit-scrollbar{display:none}.mood-card{border:1px solid #333;border-radius:12px;cursor:pointer;flex-grow:0;flex-shrink:0;height:160px;min-width:260px;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .3s ease,border-color .3s ease;width:260px}.mood-bg-image,.mood-card img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.mood-overlay{background:linear-gradient(0deg,#000000f2 10%,#0006 50%,#0000001a);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.mood-content{bottom:12px;left:15px;position:absolute;width:90%;z-index:2}.mood-title{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #000;white-space:nowrap}.mood-subtitle{color:#d4af37;font-size:.8rem;font-weight:500;opacity:.9}@media (hover:hover){.mood-card:hover{border-color:#d4af37;transform:translateY(-5px)}.mood-card:hover img{transform:scale(1.1)}}@media (max-width:768px){.section-heading{font-size:1.2rem}.mood-scroll-container{gap:12px;padding-right:20px}.mood-card{height:140px;max-width:240px;min-width:240px;width:240px}}.mood-title{font-size:1rem}.stats-container{grid-gap:10px;background-color:#1e1e2d;border:1px solid #3a3a5a;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:20px}.stat-item{background-color:#2c2c3e;border-radius:10px;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-item:hover{box-shadow:0 8px 25px #0000004d}.stat-icon{color:gold;height:40px;width:40px}.stat-icon svg{fill:currentColor;height:100%;width:100%}.stat-details{text-align:left}.stat-number{color:#fff;font-size:.5rem;font-weight:400;line-height:1}.stat-label{color:#a0a0b0;margin-top:2px}.stats-grid-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,.5fr);grid-template-rows:repeat(2,.5fr)}.stat-item{align-items:center;background-color:#282c34;border-radius:8px;display:flex;gap:10px;padding:12px}.stat-item:hover{transform:translateY(-5px)}.stat-icon{color:#f1c40f;height:24px;width:24px}.stat-details{display:flex;flex-direction:column}.stat-value{color:#fff;font-size:.6rem;font-weight:300;line-height:1.2}.stat-label{color:#a0a0a0;font-size:.5rem}.card-overlay{background:linear-gradient(0deg,#000000f2 0,#0009 50%,#0000);box-sizing:border-box;height:100%;padding:15px;width:100%}.content-card:hover .card-overlay{background-color:#0009}.card-info{max-height:4.5em;opacity:1;overflow:hidden;transition:opacity .3s ease}.content-card:hover .card-info{opacity:0}.card-actions-wrapper{align-items:center;bottom:10px;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%}.content-card:hover .card-actions-wrapper{opacity:1;pointer-events:auto}.content-card.playing{border:2px solid gold;border:3px solid gold;box-shadow:0 0 10px #ffd700b3;box-shadow:0 0 15px #ffd700cc;transform:scale(1.03);transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.list-item-card{align-items:center;background-color:#2d3748;border-radius:8px;box-sizing:border-box;display:flex;gap:1rem;margin-left:0;margin-right:0;padding:.75rem;transition:background-color .2s ease;width:100%}.list-item-card.playing{background-color:#4a5568}.list-item-image{border-radius:6px;cursor:pointer;flex-shrink:0;height:50px;object-fit:cover;width:50px}.list-item-content{display:flex;flex-direction:column;flex-grow:1;min-width:0}.list-item-title{color:#fff;cursor:pointer;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-actions{display:flex;gap:.75rem}.list-item-actions .action-button{background-color:#ffffff1a;color:#cbd5e0;height:28px;width:28px}.audio-card-actions .action-button,.list-item-actions .action-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.audio-card-actions .action-button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;color:#fff;height:32px;margin:0 5px;transition:all .2s ease-in-out;width:32px}.audio-card-actions .action-button:hover{background-color:#000000b3;transform:scale(1.1)}.audio-card-actions .action-button.bookmark.bookmarked,.audio-card-actions .action-button.bookmark.bookmarked svg{color:#fff}@media screen and (max-width:768px){.list-item-card{margin-left:5px;margin-right:35px;width:auto}}.content-card{transition:transform .3s ease}.content-card:hover{transform:scale(1.05)}.card-image{display:block;height:100%;object-fit:cover;width:100%}.card-overlay{flex-direction:column;justify-content:flex-end;padding:1rem;z-index:2}.card-overlay,.card-overlay:before{bottom:0;left:0;position:absolute;right:0;top:0}.card-overlay:before{background:linear-gradient(0deg,#000c,#0000);content:"";opacity:0;transition:opacity .3s ease;z-index:-1}.content-card:hover .card-overlay:before{opacity:1}.action-icons{background-color:#ffffff26;border-radius:50px;justify-content:space-around;margin-bottom:10px;padding:8px}.action-button{background:none;font-size:18px;transition:transform .2s ease,color .2s ease}.action-button:hover{transform:scale(1.2)}.action-button.bookmark.bookmarked{color:gold}.card-info{color:#fff}.card-title{font-size:1rem;margin:0 0 5px}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideInFromBottom .5s ease-out forwards}.category-grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:10px;width:100%}@media (max-width:767px){.category-grid-container{display:flex;flex-direction:column;gap:10px;padding:10px 5px}}@media (min-width:768px) and (max-width:1023px){.category-grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.category-grid-container{grid-template-columns:repeat(3,1fr)}}.share-popover-wrapper{animation:popUp .2s cubic-bezier(.175,.885,.32,1.275);position:fixed;z-index:10001}.share-popover-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748f2;border:1px solid #ffffff1a;border-radius:50px;box-shadow:0 10px 25px #00000080;display:flex;gap:15px;padding:8px 16px}.share-btn{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:0;transition:all .2s ease}.share-btn:hover{transform:scale(1.2) translateY(-2px)}.share-btn.whatsapp:hover{color:#25d366}.share-btn.facebook:hover{color:#1877f2}.share-btn.twitter:hover{color:#1da1f2}.share-btn.telegram:hover{color:#08c}.share-btn.instagram:hover{color:#e1306c}.popover-arrow{border-bottom:8px solid #2d3748f2;border-left:8px solid #0000;border-right:8px solid #0000;height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}@keyframes popUp{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@media (max-width:600px){.share-popover-content{gap:12px;padding:8px 12px}.share-btn{font-size:1.2rem}}body{background-color:#1a202c;font-family:sans-serif;margin:0}.hadees-page{background-color:#2d3748;box-sizing:border-box;color:#fff;min-height:100vh;padding:1rem}@media (max-width:750px){.hadees-page{padding:1.5rem 1rem}}.categories-container{max-width:90%}.category-section{background-color:initial;border-radius:15px;padding:1.5rem;width:100%}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-header h2{color:#e0e0e0;font-size:1.6rem}.show-all-btn{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:.5rem 1.5rem;transition:background-color .2s}.show-all-btn:hover{background-color:#4a5568}.cards-scroller-wrapper{position:relative}.tracks-container{-ms-overflow-style:none;display:flex;gap:20px;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.tracks-container::-webkit-scrollbar{display:none}.scroll-button{align-items:center;background-color:#282828e6;border:1px solid #555;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s,transform .2s;width:45px;z-index:10}.scroll-button:hover{background-color:#3c3c3ce6;transform:translateY(-50%) scale(1.1)}.scroll-button.left{left:-22px}.scroll-button.right{right:-22px}@media (max-width:767px){.scroll-button.left{left:5px}.scroll-button.right{right:5px}.category-section{padding:1rem}}.content-card{background-position:50%;background-size:cover;border-radius:12px;cursor:pointer;flex:0 0 200px;height:220px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.content-card:hover{box-shadow:0 10px 30px #00000080;transform:scale(1.15);z-index:5}.card-overlay{-ms-overflow-style:none;display:flex;gap:20px;overflow:hidden;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.card-title{font-size:.9rem;font-weight:700;margin:0 0 .25rem}.view-count-display{font-size:.8rem}.modal-overlay{-ms-overflow-style:none;gap:20px;overflow-x:scroll;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.modal-content{height:80vh;overflow-y:auto;padding:1.5rem}@media (min-width:1280px){.category-grid-container{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.category-grid-container{display:flex;flex-direction:column;gap:.75rem}}.card-actions-container{height:100%;padding-bottom:50px;width:100%}.action-icons,.card-actions-container{align-items:center;display:flex;justify-content:center}.action-icons{gap:10px}.action-button{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:20px;justify-content:center;transition:transform .2s ease;width:20px}.action-button:hover{transform:scale(1.15) translateY(-3px)}.action-button:first-child{background:linear-gradient(45deg,#28a745,#218838)}.action-button:nth-child(2){background:linear-gradient(45deg,#ffc107,#e0a800)}.action-button:nth-child(3){background:linear-gradient(45deg,#17a2b8,#138496)}.action-button:nth-child(4){background:linear-gradient(45deg,#6f42c1,#5a32a3)}.action-button>*{align-items:center;color:#fff;display:flex!important;flex-shrink:0;font-family:Font Awesome\ 5 Free,FontAwesome!important;font-weight:500;height:20px!important;justify-content:center;width:20px!important}body.modal-open{overflow:hidden}.modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;background-color:#000000f2;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#1a202c;border:1px solid #2d3748;border-radius:15px;height:auto!important;margin-bottom:100px;max-width:1100px;min-height:auto;overflow:visible!important;padding:20px;position:relative;width:100%}.modal-overlay::-webkit-scrollbar{width:8px}#scrollable-modal-body{height:auto!important;overflow:visible!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a202c}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}.content-card .card-info-container{opacity:1;transition:opacity .3s ease}.content-card .card-actions-container{align-items:center;display:flex;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%}

/* !!! இதுதான் தீர்வு !!! */.content-card:hover .card-overlay{background-color:#00000080}.content-card:hover .card-actions-container{opacity:1}.modal-header{border-bottom:1px solid #333;gap:15px;margin-bottom:15px;padding-bottom:10px}.back-arrow-btn,.modal-header{align-items:center;display:flex}.back-arrow-btn{background:#0000;border:none;color:#3498db;cursor:pointer}.modal-title{font-size:18px;font-weight:700;margin:0}.modal-overlay::-webkit-scrollbar-track{background:#0d1117}.modal-overlay::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.icon-bookmark:before{color:#fff;content:"\f02e";font-family:Font Awesome\ 5 Free;font-weight:900}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:10px 0}@media (min-width:768px){.categories-grid{gap:20px;grid-template-columns:repeat(4,1fr)}}.category-card{background-color:#1e1e1e;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s}.category-header h2,.category-title{font-size:1.6rem;line-height:1.5}@media screen and (max-width:768px){.category-header h2,.category-title{font-size:1.1rem!important;line-height:1.4}}@media screen and (max-width:480px){.category-header h2,.category-title{font-size:1rem!important;margin-bottom:5px}}.hadees-page-layout{background-color:#1a202c;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.hadees-content-main{margin:0 auto;max-width:1280px;padding-bottom:100px}.categories-container{margin-left:auto;margin-right:auto;max-width:100%}.hadees-page-layout .categories-grid{grid-gap:15px;align-items:stretch;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:10px 0;width:100%}@media (max-width:768px){.categories-container,.category-grid-container{box-sizing:border-box!important;padding-left:10px!important;padding-right:10px!important;width:100%!important}}@media (min-width:1024px){.hadees-page-layout .categories-grid{gap:25px;grid-template-columns:repeat(4,1fr)}}.hadees-page-layout .category-card{background-color:#2d3748;border:1px solid #4a5568;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.hadees-page-layout .category-card:hover{border-color:#718096;box-shadow:0 10px 20px #00000080;transform:translateY(-5px)}.hadees-page-layout .card-image-wrapper{aspect-ratio:1/1;background-color:#1a202c;position:relative;width:100%}@supports not (aspect-ratio:1/1){.hadees-page-layout .card-image-wrapper{padding-top:100%}}.hadees-page-layout .card-image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.category-card:hover .play-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2rem}.premium-badge{background-color:#000c;border:1px solid #fbbf24;border-radius:4px;color:#fbbf24;font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.hadees-page-layout .card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:12px}.hadees-page-layout .card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e2e8f0;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.3rem;margin:0 0 10px;min-height:2.6rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.card-footer{justify-content:space-between;margin-top:auto}.card-footer,.view-count{align-items:center;display:flex}.view-count{color:#a0aec0;font-size:.8rem;gap:5px}.card-actions{display:flex;gap:8px}.icon-btn{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:1rem;padding:4px}.icon-btn:hover{color:#fbbf24;transform:scale(1.1)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:0 5px}.category-title{border-left:4px solid #fbbf24;color:#f7fafc;font-size:1.3rem;font-weight:700;padding-left:10px}.show-all-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .3s ease}.show-all-btn:hover{background:#fbbf24;border-color:#fbbf24;color:#1a202c}.modal-title{border-bottom:1px solid #4a5568;color:#fff;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.about-container{background-color:#0f172a;color:#cbd5e1;cursor:pointer;font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden}.about-hero{align-items:center;background:linear-gradient(180deg,#0f172ab3,#0f172a),url(https://images.unsplash.com/photo-1507842217159-a28f2d80e7f3?q=80&w=1000&auto=format&fit=crop);background-attachment:fixed;background-position:50%;background-size:cover;border-bottom:2px solid #38bdf8;display:flex;flex-direction:column;height:350px;justify-content:center;padding:0 20px;position:relative;text-align:center}.hero-content h1{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:10px}.highlight-text{color:#38bdf8;text-shadow:0 0 15px #38bdf866}.tagline{color:#94a3b8;font-size:1.1rem}.play-hint{animation:pulse 2s infinite;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:20px;color:#fbbf24;font-size:.8rem;margin-bottom:15px;padding:5px 12px}.content-section{line-height:1.7;margin:0 auto;max-width:1000px;padding:50px 20px}.section-title{align-items:center;display:flex;gap:15px;margin-bottom:25px}.section-icon{background:#38bdf81a;border-radius:50%;color:#38bdf8;font-size:1.5rem;height:45px;padding:10px;width:45px}.section-title h2{color:#e2e8f0;font-size:1.6rem;font-weight:600;position:relative}.section-title h2:after{background-color:#38bdf8;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:50px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.info-grid{grid-template-columns:1fr 1fr}}.info-card{background:#0f172a99;border-left:3px solid #38bdf8;border-radius:12px;padding:20px;transition:transform .3s}.info-card:hover{background:#0f172acc;transform:translateY(-5px)}.alternate-bg{background-color:#1e293b;border:1px solid #ffffff0d;border-radius:16px;margin:40px auto}.compliance-section{background:#0f172a;border-top:1px solid #1e293b}.compliance-intro{color:#94a3b8;margin-bottom:30px;text-align:left}.contact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.contact-box{background:#1e293b;border:1px solid #38bdf81a;border-radius:10px;padding:20px;text-align:center}.contact-icon{color:#38bdf8;font-size:1.5rem;margin-bottom:10px}.contact-box h4{color:#fff;font-size:1rem;margin-bottom:8px}.contact-box p{color:#cbd5e1;font-size:.9rem;margin:0}.policy-links-container{margin-bottom:40px;text-align:center}.policy-links-container h3{color:#38bdf8;margin-bottom:20px}.policy-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.policy-card{background:#38bdf80d;border:1px solid #38bdf833;border-radius:10px;padding:20px;text-align:center;width:200px}.policy-card svg{color:#38bdf8;font-size:2rem;margin-bottom:10px}.policy-card h5{color:#fff;margin-bottom:5px}.policy-card p{font-size:.8rem;margin-bottom:10px}.policy-link{color:#38bdf8;font-size:.85rem;text-decoration:underline}.legal-disclaimer{align-items:flex-start;background:#331f1f;border:1px solid #7f1d1d;border-radius:8px;color:#fca5a5;display:flex;font-size:.85rem;gap:15px;padding:15px}.about-footer{background-color:#020617;border-top:1px solid #1e293b;color:#64748b;padding:40px 20px;text-align:center}.back-home-btn{border:1px solid #38bdf8;border-radius:20px;color:#38bdf8;display:inline-block;font-size:.9rem;margin-top:15px;padding:8px 20px;text-decoration:none;transition:all .3s}.back-home-btn:hover{background:#38bdf81a}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@media (max-width:600px){.contact-grid{grid-template-columns:1fr}.hero-content h1{font-size:1.8rem}}.subscribe-page-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;padding:40px 20px}.subscribe-header{margin-bottom:40px;text-align:center}.subscribe-header h2{color:#f1c40f;font-size:2rem;margin-bottom:10px}.plans-container{display:flex;gap:30px}.plan-card{background-color:#2c2c3e;border:1px solid #4a4a6a;border-radius:15px;display:flex;flex-direction:column;padding:30px;position:relative;transition:transform .3s,box-shadow .3s;width:300px}.plan-card:hover{box-shadow:0 10px 20px #0006;transform:translateY(-10px)}.plan-card.premium{border-color:#f1c40f}.popular-tag{background-color:#f1c40f;border-radius:20px;color:#1e1e1e;font-size:.8rem;font-weight:700;left:50%;padding:5px 15px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-header{margin-bottom:25px;text-align:center}.plan-price{font-size:2.5rem;font-weight:700;margin:0}.plan-price span{color:#a0a0c0;font-size:1rem}.plan-features{flex-grow:1;list-style:none;margin:0 0 30px;padding:0}.plan-features li{margin-bottom:12px}.plan-button{background-color:#f1c40f;border:none;border-radius:8px;color:#1e1e1e;cursor:pointer;font-size:1rem;font-weight:700;padding:15px}.plan-button.disabled{background-color:#555;cursor:not-allowed}.features-showcase{background-color:#1e1e2d;border:1px solid #4a4a6a;border-radius:15px;margin-top:40px;max-width:630px;padding:30px;text-align:center;width:100%}.features-showcase h3{color:#f1c40f;font-size:1.5rem;margin-bottom:15px;margin-top:0}.features-showcase p{color:#a0a0c0;line-height:1.6}.categories-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.category-chip{background-color:#2c2c3e;border:1px solid #4a4a6a;border-radius:20px;color:#fff;font-size:.9rem;padding:8px 16px}.extra-info{font-weight:700;margin-top:25px}@media (max-width:768px){.plans-container{align-items:center;flex-direction:column;gap:20px}.features-showcase,.plan-card{max-width:400px;width:90%}.features-showcase{padding:20px}}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker :after,.react-time-picker :before{box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{border:thin solid gray;display:flex;flex-grow:1;flex-shrink:0}.react-time-picker__inputGroup{box-sizing:initial;flex-grow:1;min-width:calc(12px + 3.674em);padding:0 2px}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{-webkit-appearance:textfield;appearance:textfield;background:none;border:0;box-sizing:initial;color:currentColor;font:inherit;height:100%;min-width:.54em;padding:0 1px;position:relative}.react-time-picker__inputGroup__input::-webkit-inner-spin-button,.react-time-picker__inputGroup__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{-webkit-appearance:menulist;appearance:menulist;font:inherit}.react-time-picker__button{background:#0000;border:0;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:focus .react-time-picker__button__icon,.react-time-picker__button:enabled:hover .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{background-color:#fff;border:thin solid #a0a096;height:200px;max-width:100vw;padding:25px;width:200px;z-index:1}.react-time-picker__clock--closed{display:none}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock :after,.react-clock :before{box-sizing:border-box}.react-clock__face{border:1px solid #000;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}.react-clock__hand{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__hand__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark{bottom:0;left:50%;position:absolute;right:50%;top:0}.react-clock__mark__body{background-color:#000;position:absolute;transform:translateX(-50%)}.react-clock__mark__number{left:-40px;position:absolute;text-align:center;width:80px}.react-clock__second-hand__body{background-color:red}.alarm-page-wrapper{color:#fff;margin:0 auto;max-width:800px;padding:40px 20px}.alarm-header{margin-bottom:40px;text-align:center}.alarm-header h2{color:#f1c40f;font-size:2rem;margin-bottom:10px}.settings-container{display:flex;flex-direction:column;gap:30px}.setting-section{background-color:#2c2c3e;border:1px solid #4a4a6a;border-radius:12px;padding:25px}.setting-section h3{margin-top:0}.category-selection,.time-input-wrapper{margin-top:15px}.category-selection{display:flex;flex-direction:column;gap:10px}input[type=checkbox],input[type=time]{margin-right:10px}.save-button{align-self:center;background-color:#f1c40f;border:none;border-radius:8px;color:#1e1e1e;cursor:pointer;padding:15px;width:200px}.save-button,.status-message{font-size:1rem;font-weight:700}.status-message{color:#f1c40f;margin-top:20px;text-align:center}.custom-toast{align-items:center;background-color:#2c2c3e;border:1px solid #4a4a6a;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;padding:12px;width:350px}.toast-image{border-radius:8px;height:60px;margin-right:12px;object-fit:cover;width:60px}.toast-content{flex-grow:1}.toast-title{color:#a0a0c0;font-size:.8rem;margin:0}.toast-track-name{font-size:1rem;font-weight:700;margin:4px 0 10px}.toast-buttons{display:flex;gap:8px}.toast-dismiss-btn,.toast-play-btn{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:6px 12px}.toast-play-btn{background-color:#f1c40f;color:#1e1e1e;font-weight:700}.toast-dismiss-btn{background-color:#4a4a6a;color:#fff}.custom-time-picker .react-time-picker__wrapper{background-color:#2c2c3e;border:1px solid #4a4a6a;border-radius:5px;padding:5px}.custom-time-picker input{color:#fff}
/*# sourceMappingURL=main.b4a8fe60.css.map*/