@import url(https://fonts.googleapis.com/css2?family=Kufam:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap);@font-face{font-family:'IBM Plex Sans Arabic';src:url('../../../../assets/fonts/fonts/amiri/ibm/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('../../../../assets/fonts/fonts/amiri/ibm/IBMPlexSansArabic-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('../../../../assets/fonts/fonts/amiri/ibm/IBMPlexSansArabic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}:root{--bg-deep:#020a0a;--bg-surface:#0a1414;--sidebar-bg:#050f0f;--primary:#4ff0b7;--primary-glow:rgba(79, 240, 183, 0.4);--gold:#d4af37;--royal-gold:#d4af37;--royal-gold-dim:rgba(212, 175, 55, 0.15);--text:#e2e8f0;--text-muted:#8899a6;--border:rgba(255, 255, 255, 0.08);--header-height:60px;--sidebar-width:280px;--bottom-nav-height:70px}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);color:var(--text);font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden!important;padding-top:var(--header-height)}.bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("https://www.transparenttextures.com/patterns/arabesque.png");opacity:.03;pointer-events:none;z-index:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.4)}::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px;border:2px solid var(--sidebar-bg)}.main-content{margin-right:var(--sidebar-width);padding:30px 50px 100px;transition:margin-right .3s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:1}.main-content.expanded{margin-right:90px}body:not(.mobile) .sidebar.collapsed~.main-content{margin-right:72px}.top-navbar{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:rgba(2,10,10,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px;display:flex;justify-content:space-between;align-items:center}.menu-toggle{font-size:22px;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;transition:all .3s ease}.menu-toggle:hover{color:var(--primary);transform:scale(1.05)}.app-logo{display:flex;align-items:center;gap:5px}.app-logo i{color:var(--primary);font-size:24px;transition:all .3s ease}.app-logo:hover i{transform:scale(1.1)}.app-logo span{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.desktop-logo-text{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mobile-logo-text{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1;display:none}.header-right-actions{display:flex;align-items:center;gap:20px}.search-bar-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 15px;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;transition:all .3s ease;width:300px;height:40px}.search-bar-btn:hover{background:rgba(255,255,255,.1);border-color:var(--royal-gold);transform:translateY(-1px)}.search-bar-btn i{color:var(--royal-gold);font-size:16px;flex-shrink:0}.search-bar-btn span{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:14px;color:#aaa;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.top-navbar{padding:0 12px;height:54px}.menu-toggle{width:35px;height:35px;font-size:20px}.app-logo{gap:5px}.app-logo i{font-size:20px}.app-logo span{font-size:16px;max-width:100px}.header-right-actions{gap:12px}.search-bar-btn{width:180px!important;padding:6px 12px;height:36px}.search-bar-btn i{font-size:14px}.search-bar-btn span{font-size:12px!important;font-family:'IBM Plex Sans Arabic',sans-serif!important}@media (max-width:480px){.search-bar-btn{width:40px;justify-content:center;padding:8px}.search-bar-btn span{display:none}.search-bar-btn i{margin:0}.app-logo span{font-size:14px;max-width:80px;content:"الأذكار"}}@media (max-width:380px){.top-navbar{padding:0 8px}.app-logo{gap:3px}.app-logo span{font-size:13px;max-width:80px}}}@media (max-width:768px){.app-logo span[data-full-text]:before{content:attr(data-full-text-mobile)}}@media (max-width:768px){.desktop-logo-text{display:none}.mobile-logo-text{display:inline}}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);z-index:4000;display:flex;flex-direction:column;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));opacity:0;pointer-events:none;transition:opacity .3s}.search-modal.visible{opacity:1;pointer-events:all}.search-header-modal{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:20px}@media (max-width:768px){.search-header-modal{gap:10px;margin-bottom:12px;padding-bottom:12px}}.modal-title-row{display:flex;justify-content:space-between;align-items:center}.modal-title-row h3{color:var(--gold);font-family:Amiri,serif;margin:0;font-size:24px;font-weight:700}@media (max-width:768px){.modal-title-row h3{font-size:18px}}.search-close{font-size:22px;color:var(--text-muted);cursor:pointer;padding:5px}@media (max-width:768px){.search-close{font-size:18px}}.search-input-group{position:relative;width:100%}.search-input-modal{width:100%;background:#111;border:1px solid var(--border);border-radius:15px;padding:15px 20px;color:#fff;font-family:Amiri,serif;font-size:18px;font-weight:700;padding-left:50px;transition:.3s}.search-input-modal::placeholder{font-family:Amiri,serif;font-size:16px;color:#666;font-weight:400}@media (max-width:768px){.search-input-modal{font-size:15px!important;padding:12px 15px!important;padding-left:45px!important}.search-input-modal::placeholder{font-size:13px!important}.search-action-btn{padding:6px 10px!important;font-size:12px!important}.search-results-modal{gap:6px!important}}.search-input-modal:focus{border-color:var(--primary);box-shadow:0 0 20px rgba(79,240,183,.1);outline:0}.search-action-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);color:#888;border:none;border-radius:10px;padding:8px 15px;font-family:Amiri;font-size:14px;cursor:default;pointer-events:none;transition:.3s;white-space:nowrap}.search-action-btn.active{background:var(--primary);color:#000;cursor:pointer;pointer-events:auto;font-weight:700;box-shadow:0 0 15px rgba(79,240,183,.4)}.search-results-modal{flex:1;overflow-y:auto;overflow-x:hidden!important;display:flex;flex-direction:column;gap:10px;padding-bottom:env(safe-area-inset-bottom);padding-right:5px}.search-results-modal::-webkit-scrollbar{width:8px}.search-results-modal::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.search-results-modal::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px;border:2px solid transparent}.search-result-item{background:rgba(255,255,255,.05);padding:15px;border-radius:14px;cursor:pointer;border:1px solid rgba(212,175,55,.1);transition:.2s;display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.search-result-item:hover{background:rgba(255,255,255,.08);border-color:var(--royal-gold,var(--gold));transform:translateY(-2px)}@media (max-width:768px){.search-result-item{padding:12px;border-radius:12px;gap:8px;margin-bottom:6px}}.search-category-header{background:rgba(255,255,255,.05);padding:10px 15px;border-radius:10px;margin:10px 0;font-weight:700;color:var(--gold);border:1px solid var(--border)}.res-text{font-family:'Scheherazade New',serif;font-size:22px;color:#fff;line-height:2;text-align:justify}@media (max-width:768px){.res-text{font-size:17px;line-height:1.9}}.res-info{font-family:Amiri,serif;font-size:14px;color:var(--royal-gold,var(--gold));display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.4);padding:8px 16px;border-radius:50px;width:fit-content;border:1px solid rgba(212,175,55,.3);align-self:flex-end}@media (max-width:768px){.res-info{font-size:12px;padding:6px 12px;gap:6px}}.result-header{display:flex;align-items:center;gap:12px}.result-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.result-info{flex:1}.result-title{color:#fff;font-family:'IBM Plex Sans Arabic',sans-serif;margin:0 0 5px 0;font-size:15px;font-weight:700}.result-desc{color:var(--text-muted);font-family:'IBM Plex Sans Arabic',sans-serif;margin:0;font-size:13px;line-height:1.4}.result-score{color:var(--text-muted);font-size:12px;text-align:right;margin-top:5px}mark{background:var(--primary);color:#000;padding:2px 4px;border-radius:3px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-nav-height);background:rgba(10,20,20,.95);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.nav-btn-mobile{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);font-size:10px;gap:4px;padding:8px;width:25%;cursor:pointer}.nav-btn-mobile i{font-size:18px;margin-bottom:2px}.nav-btn-mobile.active{color:var(--primary)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1400;backdrop-filter:blur(3px)}.mobile-overlay.active{display:block}.mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-nav-height);background:rgba(10,20,20,.95);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.nav-btn-mobile{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);font-weight:900;font-style:italic;letter-spacing:normal}.nav-btn-mobile.active{color:var(--primary)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1400;backdrop-filter:blur(3px)}.mobile-overlay.active{display:block}.greeting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.greeting h1{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:24px;color:#fff;margin-bottom:5px}.greeting p{color:var(--text-muted)}.date-badge{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);padding:8px 16px;border-radius:30px;color:var(--gold);font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700;font-size:13px}.top-navbar{background:rgba(0,0,0,.2);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.greeting-header{display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(90deg,rgba(79,240,183,.03) 0,transparent 100%);border-right:4px solid var(--primary);padding:20px 25px;border-radius:16px;margin-bottom:30px!important;border:1px solid rgba(255,255,255,.05)}.greeting{text-align:right}.greeting h1{font-size:26px!important;margin-bottom:5px!important;color:#fff}.date-badge{background:rgba(0,0,0,.3);border:1px solid rgba(212,175,55,.2);padding:10px 20px;border-radius:50px;color:var(--gold);font-family:Amiri,serif;font-size:14px;display:flex;align-items:center;gap:10px}@media (max-width:768px){.date-badge{display:none}.greeting-header{text-align:center;display:block!important;padding:15px}.greeting{text-align:center}}.azkar-tabs{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:5px;display:flex;justify-content:space-between;gap:0;margin-bottom:35px;position:relative}.tab-btn{flex:1;text-align:center;padding:10px 0;font-family:Outfit,sans-serif;font-size:14px;color:var(--text-muted);background:0 0;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:2}.tab-btn.active{background:var(--bg-surface);color:var(--primary);font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,.2);border:1px solid rgba(79,240,183,.1)}@media (max-width:768px){.greeting-header{align-items:center!important;margin-bottom:25px}.greeting h1{font-size:26px}.separator-line{display:block}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.section-header{font-family:'IBM Plex Sans Arabic',sans-serif;color:#fff;margin:40px 0 16px 0;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.01) 100%);border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.section-header::before{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--gold);border-radius:0 4px 4px 0}.section-header i{color:var(--gold);font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.1);border-radius:10px;flex-shrink:0}.azkar-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0}.azkar-cat-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:14px 18px;cursor:pointer;transition:all .35s cubic-bezier(.4, 0, .2, 1);position:relative;display:flex;flex-direction:row;align-items:center;gap:14px;text-align:right;overflow:hidden}.azkar-cat-card::after{content:'\f104';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.15);font-size:14px;transition:all .35s cubic-bezier(.4, 0, .2, 1)}.azkar-cat-card:hover{background:rgba(255,255,255,.055);border-color:rgba(212,175,55,.2)}.azkar-cat-card:hover::after{color:rgba(255,255,255,.35)}.azkar-cat-card:active{transform:scale(.98)}.cat-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:all .35s cubic-bezier(.4, 0, .2, 1);position:relative}.cat-icon{background:currentColor;-webkit-background-clip:unset;background-clip:unset}.cat-icon i{position:relative;z-index:1}.cat-icon{background:rgba(255,255,255,.06)}.azkar-cat-card:hover .cat-icon{background:rgba(255,255,255,.1)}.cat-info{flex:1;min-width:0}.cat-title{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-sub{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:12px;color:var(--text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1200px){.azkar-cat-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px) and (max-width:1199px){.azkar-cat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.azkar-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 2px;overflow-x:visible;scroll-snap-type:none}.azkar-cat-card{min-width:unset;max-width:unset;flex-direction:column;align-items:center;text-align:center;padding:10px 5px;border-radius:12px;gap:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.azkar-cat-card::after{display:none}.azkar-cat-card:hover{background:rgba(255,255,255,.06)}.azkar-cat-card:active{transform:scale(.96)}.cat-icon{width:36px;height:36px;border-radius:12px;font-size:16px;margin:0}.cat-info{width:100%;text-align:center}.cat-title{font-size:11px;font-weight:700;white-space:normal;overflow:visible;text-overflow:unset;line-height:1.3}.cat-sub{display:none}.section-header{margin:15px 0 8px 0;font-size:13px;padding:6px 10px;border-radius:10px}.section-header::before{width:3px}.section-header i{width:24px;height:24px;font-size:12px;border-radius:6px}}@keyframes slideInRow{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.azkar-cat-card{animation:slideInRow .4s ease-out both}.azkar-cat-card:first-child{animation-delay:20ms}.azkar-cat-card:nth-child(2){animation-delay:40ms}.azkar-cat-card:nth-child(3){animation-delay:60ms}.azkar-cat-card:nth-child(4){animation-delay:80ms}.azkar-cat-card:nth-child(5){animation-delay:.1s}.azkar-cat-card:nth-child(6){animation-delay:.12s}.azkar-cat-card:nth-child(7){animation-delay:.14s}.wird-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:25px;margin-bottom:25px}.wird-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.wird-progress{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.wird-fill{height:100%;background:var(--primary);width:45%;border-radius:10px}.quran-sheet{width:100%;max-width:800px;background-color:#050505;border:1px solid var(--border);margin:0 auto 30px!important;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.8);position:relative}.islamic-frame{border:1px solid var(--gold);border-radius:8px;padding:4px;margin:10px}.islamic-frame-inner{padding:20px 10px;border:1px dashed rgba(212,175,55,.3)}.quran-text{font-family:'Amiri Quran',serif;font-size:24px;line-height:2.2;text-align:justify;text-align-last:center;direction:rtl;color:#dcdcdc}.ayah-symbol{color:#d4af37;font-family:Amiri,serif;margin:0 3px;font-size:20px;display:inline-block}.finish-btn{width:100%;background:linear-gradient(to right,var(--primary),#2dd498);color:#000;font-family:Outfit,sans-serif;font-weight:700;font-size:16px;padding:15px;border-radius:15px;border:none;cursor:pointer;box-shadow:0 0 20px rgba(79,240,183,.2);transition:.2s}.finish-btn:active{transform:scale(.98)}.tab-content{display:none;animation:fadeIn .3s ease-out}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.celebration-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:3000;display:none;justify-content:center;align-items:center;backdrop-filter:blur(10px);flex-direction:column;padding:20px}.success-card{background:var(--bg-surface);border:1px solid var(--gold);padding:30px;border-radius:25px;text-align:center;width:100%;max-width:350px;animation:popUp .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 60px rgba(212,175,55,.15)}@keyframes popUp{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){body{display:block!important;padding-top:0!important;overflow-y:auto!important;height:auto!important}.top-navbar{padding:8px 12px;height:55px}.desktop-only,.nav-search{display:none!important}.main-content{width:100%!important;margin:0!important;padding:65px 12px 80px 12px!important;display:block!important}.greeting-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.hero-grid{display:none!important}.mobile-nav{display:flex}}.resume-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);width:90%;max-width:500px;background:rgba(10,20,20,.95);border:1px solid var(--primary);border-radius:20px;padding:15px 20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);backdrop-filter:blur(10px);z-index:5000;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.resume-notification.active{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.resume-content{display:flex;align-items:center;gap:15px}.resume-icon{width:45px;height:45px;background:rgba(79,240,183,.1);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.resume-details h4{color:#fff;font-family:Amiri;margin:0;font-size:16px}.resume-details p{color:var(--text-muted);font-size:13px;margin:2px 0 0 0}.resume-actions{display:flex;gap:10px;justify-content:flex-end}.btn-resume{background:var(--primary);color:#000;border:none;padding:8px 20px;border-radius:20px;font-weight:700;cursor:pointer;font-family:Outfit;font-size:13px;display:flex;align-items:center;gap:5px}.btn-ignore{background:0 0;color:var(--text-muted);border:1px solid var(--border);padding:8px 15px;border-radius:20px;cursor:pointer;font-size:13px;font-family:Outfit}@media (max-width:768px){.resume-notification{bottom:85px;width:95%}}@media (min-width:769px){.sidebar.collapsed~.main-content{margin-right:70px}}:root{--morning-gradient:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--evening-gradient:linear-gradient(135deg, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}.hero-card{height:220px;border-radius:25px;padding:30px;position:relative;overflow:hidden;cursor:pointer;transition:.4s;display:flex;flex-direction:column;justify-content:center;border:none;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.4)}.hero-card.morning{background:var(--morning-gradient);color:#4a3b00}.hero-card.evening{background:var(--evening-gradient);color:#fff}.icon-bg{position:absolute;left:-20px;bottom:-20px;font-size:150px;opacity:.2;transform:rotate(15deg);transition:.4s;color:currentColor;z-index:0}.hero-card:hover .icon-bg{transform:rotate(0) scale(1.1)}.hero-content{position:relative;z-index:1}.play-btn{width:50px;height:50px;background:rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-top:20px;backdrop-filter:blur(5px);margin-right:auto;margin-left:0;transition:.3s}.play-btn:hover{background:rgba(255,255,255,.5);transform:scale(1.1)}@media (max-width:768px){.hero-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.hero-card{height:auto;min-height:100px;padding:12px;border-radius:16px}.hero-content h2{font-size:15px!important;margin-bottom:3px!important;line-height:1.2}.hero-content p{font-size:10px!important;line-height:1.3;margin-bottom:6px}.hero-content div:first-child span{font-size:10px!important}.hero-content div:first-child{margin-bottom:3px!important}.play-btn{width:28px;height:28px;font-size:12px;margin-top:4px}.icon-bg{font-size:65px;right:-8px;bottom:-8px;left:auto}}.main-content{padding-top:5px!important}@media (max-width:768px){.main-content{padding-top:65px!important}}.greeting-header{margin-top:0!important;margin-bottom:12px!important}.greeting h1{margin-top:0!important;line-height:1.2;font-size:20px!important}.greeting p{font-size:12px!important;margin-top:4px!important}.date-badge{padding:6px 12px!important;font-size:12px!important}