:root{--clr-teal:#14ffec;--clr-gold:#f5c842;--clr-purple:#a855f7;--clr-blue:#4facfe;--clr-orange:#fb923c;--clr-red:#f87171;--clr-green:#4ade80;--clr-cream:#f4e4c1;--clr-bg:#07090f;--clr-surface:#ffffff0d;--clr-border:#ffffff1a;--clr-text:#ffffffe6;--clr-text-muted:#ffffff80;--clr-text-faint:#ffffff4d;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:100px;--font-arabic:"Amiri","Scheherazade New",serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow-card:0 8px 24px #0000004d;--shadow-hover:0 14px 36px #00000073;--t-fast:0.15s ease;--t-normal:0.25s ease}body{font-family:var(--font-ui);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.eb-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:40px 20px}.eb-inner{max-width:340px;text-align:center}.eb-icon{font-size:40px;margin-bottom:14px}.eb-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.eb-msg{color:#ffffff80;font-size:14px;margin:0 0 20px}.eb-btn{background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;color:#fffc;cursor:pointer;font-size:14px;font-weight:600;padding:11px 24px;transition:all .15s ease}.eb-btn:hover{background:#ffffff1f;color:#fff}.suspense-fallback{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px}.suspense-fallback:after{content:none}.skeleton-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;min-height:200px;overflow:hidden;padding:24px;position:relative}.skeleton-card:after{animation:skeleton-shimmer 1.6s infinite;background:linear-gradient(90deg,#0000 30%,#ffffff0a 50%,#0000 70%);background-size:200% 100%;content:"";inset:0;position:absolute}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{background:#ffffff12;border-radius:6px;height:12px;margin-bottom:10px}.skeleton-line--arabic{border-radius:8px;height:36px;margin:0 auto 14px;width:60%}.skeleton-line--short{width:50%}.skeleton-line--med{width:75%}.skeleton-line--full{width:100%}@keyframes kalima-spin{to{transform:rotate(1turn)}}.app-loader{align-items:center;background:linear-gradient(135deg,#1a1446,#0d0b2e);display:flex;justify-content:center;min-height:100vh}.app-loader-inner{color:#f4e4c1;text-align:center}.app-loader-ring-wrapper{height:88px;margin:0 auto 20px;position:relative;width:88px}.app-loader-ring{animation:kalima-spin 1s linear infinite;border:3px solid #f4e4c126;border-radius:50%;border-top-color:#14ffec;inset:0;position:absolute}.app-loader-icon{align-items:center;display:flex;font-size:40px;inset:0;justify-content:center;position:absolute}.app-loader-title{font-size:20px;font-weight:600;margin-bottom:6px}.app-loader-subtitle{font-size:13px;letter-spacing:.5px;opacity:.6}.app-loader-overlay{align-items:center;animation:loaderFadeOut .3s ease forwards;animation-play-state:paused;background:linear-gradient(135deg,#1a1446,#0d0b2e);color:#f4e4c1;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.app-loader-overlay.resolving{animation-play-state:running}@keyframes loaderFadeOut{0%{opacity:1;pointer-events:all}to{opacity:0;pointer-events:none}}:root{--ramadan-night:#1a1446;--ramadan-dusk:#2d1b69;--ramadan-gold:#d4af37;--ramadan-moon:#f4e4c1;--ramadan-teal:#0d7377;--ramadan-mint:#14ffec;--ramadan-cream:#fef9e7;--ramadan-sand:#f5e6d3;--primary:var(--ramadan-teal);--primary-dark:#0a5d61;--secondary:var(--ramadan-gold);--accent:var(--ramadan-mint);--success:#27ae60;--success-light:#52c27b;--warning:#f39c12;--danger:#e74c3c;--background:var(--ramadan-cream);--surface:#fff;--text:#2c3e50;--text-secondary:#5d6d7e;--border:#e8dacc;--gradient-ramadan:linear-gradient(135deg,#1a1446,#2d1b69 50%,#0d7377);--gradient-gold:linear-gradient(135deg,#d4af37,#f4e4c1);--gradient-peaceful:linear-gradient(135deg,#0d7377,#14ffec);--gradient-night:linear-gradient(180deg,#1a1446,#0d1b2a);--shadow-soft:0 2px 8px #1a144614;--shadow-medium:0 4px 16px #1a14461f;--shadow-large:0 8px 32px #1a144629;--shadow-glow:0 0 20px #d4af374d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}.dark-mode{--background:var(--ramadan-night);--surface:var(--ramadan-dusk);--text:var(--ramadan-moon);--text-secondary:#b8a891;--border:#3d2b6d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fef9e7;background:var(--background);color:#2c3e50;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative}body:before{background-image:radial-gradient(circle at 20% 30%,#d4af3708 0,#0000 50%),radial-gradient(circle at 80% 70%,#0d737708 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App{display:flex;flex-direction:column;min-height:100vh;z-index:1}.App,header{position:relative}header{background:linear-gradient(135deg,#1a1446,#2d1b69 50%,#0d7377);background:var(--gradient-ramadan);box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large);color:#fff;overflow:hidden;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}header:before{animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 33% 80%,#fff,#0000);background-size:200% 200%;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}header:after{animation:moonGlow 4s ease-in-out infinite;color:#d4af37;color:var(--ramadan-gold);content:"☾";font-size:60px;opacity:.3;position:absolute;right:40px;top:20px}@keyframes moonGlow{0%,to{opacity:.3;text-shadow:0 0 10px #d4af374d}50%{opacity:.5;text-shadow:0 0 30px #d4af3799}}header h1{font-size:32px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--spacing-sm);position:relative;text-shadow:0 2px 4px #0003;z-index:1}header h1:before{content:"✨ "}header h1:after{content:" ✨"}header p{font-size:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.9}.header-controls,header p{position:relative;z-index:1}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);margin-top:24px;margin-top:var(--spacing-lg)}.mode-toggle{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .25s ease;transition:all var(--transition-base)}.mode-btn:before{background:#d4af37;background:var(--ramadan-gold);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.mode-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.mode-btn.active,.mode-btn:hover{border-color:#d4af37;border-color:var(--ramadan-gold)}.mode-btn.active{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);color:#1a1446;color:var(--ramadan-night)}.daily-word-trigger,.dark-mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .25s ease;transition:all var(--transition-base)}.daily-word-trigger:hover,.dark-mode-toggle:hover{background:#ffffff40;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.stats{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:32px 0;margin:var(--spacing-xl) 0}.stat-card{background:#fff;background:var(--surface);border:2px solid #d4af37;border:2px solid var(--ramadan-gold);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-base)}.stat-card:before{color:#d4af37;color:var(--ramadan-gold);content:"✦";font-size:24px;opacity:.2;position:absolute;right:10px;top:10px}.stat-card:hover{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 8px 32px #1a144629,0 0 20px #d4af374d;box-shadow:var(--shadow-large),var(--shadow-glow);transform:translateY(-5px)}.stat-card h3{color:#0d7377;color:var(--ramadan-teal);font-size:48px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0d73771a}.stat-card p{color:#5d6d7e;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.container{flex:1 1;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.search-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.search-input{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);color:#2c3e50;color:var(--text);font-size:16px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base);width:100%}.search-input:focus{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 0 0 4px #0d73771a,0 4px 16px #1a14461f;box-shadow:0 0 0 4px #0d73771a,var(--shadow-medium);outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#5d6d7e;color:var(--text-secondary)}.filters-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.filters-section h3{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.category-filters{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.filter-btn{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);color:#2c3e50;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:8px 20px;position:relative;transition:all .25s ease;transition:all var(--transition-base)}.filter-btn:before{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:0}.filter-btn:hover{box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.filter-btn.active,.filter-btn:hover{border-color:#d4af37;border-color:var(--ramadan-gold)}.filter-btn.active{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);color:#1a1446;color:var(--ramadan-night)}.filter-btn.active:before{left:0}.words-section h2{color:#2c3e50;color:var(--text);font-size:24px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.words-grid{grid-gap:24px;grid-gap:var(--spacing-lg);animation:fadeInUp .6s ease;display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.word-card{background:#fff;background:var(--surface);border:2px solid #e8dacc;border:2px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);cursor:pointer;padding:24px;padding:var(--spacing-lg);transition:all .4s ease;transition:all var(--transition-slow)}.word-card:before{color:#d4af37;color:var(--ramadan-gold);content:"✦";font-size:16px;right:8px;top:8px;transition:opacity .25s ease;transition:opacity var(--transition-base)}.word-card:hover:before{opacity:.4}.word-card:after{background:linear-gradient(135deg,#0d7377,#14ffec);background:var(--gradient-peaceful);bottom:0;height:3px;left:0;right:0;transform:scaleX(0);transition:transform .25s ease;transition:transform var(--transition-base)}.word-card:hover{border-color:#0d7377;border-color:var(--ramadan-teal);box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large);transform:translateY(-8px)}.word-card:hover:after{transform:scaleX(1)}.word-card h3{color:#0d7377;color:var(--ramadan-teal);font-family:Amiri,Traditional Arabic,serif;font-size:36px;font-weight:700;line-height:1.8;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center;text-shadow:0 1px 2px #0d73771a}.word-card .transliteration{color:#5d6d7e;color:var(--text-secondary);font-size:14px;font-style:italic;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-align:center}.word-card .meaning{color:#2c3e50;color:var(--text);font-size:18px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);text-align:center}.word-card .details{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);justify-content:center;margin-top:16px;margin-top:var(--spacing-md)}.word-card .badge{align-items:center;background:#f5e6d3;background:var(--ramadan-sand);border-radius:9999px;border-radius:var(--radius-full);color:#5d6d7e;color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.word-card .root-badge{background:linear-gradient(135deg,#d4af37,#f4e4c1);background:var(--gradient-gold);color:#1a1446;color:var(--ramadan-night);cursor:pointer;transition:all .25s ease;transition:all var(--transition-base)}.word-card .root-badge:hover{box-shadow:0 0 20px #d4af374d;box-shadow:var(--shadow-glow);transform:scale(1.05)}.word-card .category-badge{background:linear-gradient(135deg,#0d7377,#14ffec);background:var(--gradient-peaceful);color:#fff}.no-results{background:#fff;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);padding:48px;padding:var(--spacing-2xl)}.no-results h3{color:var(--text);font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.no-results p{color:#5d6d7e;color:var(--text-secondary);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.reset-btn{background:var(--gradient-peaceful);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 16px #1a14461f;box-shadow:var(--shadow-medium);padding:12px 32px;transition:all .25s ease;transition:all var(--transition-base)}.reset-btn:hover{box-shadow:0 8px 32px #1a144629;box-shadow:var(--shadow-large)}.flashcard-stats{display:flex;gap:16px;gap:var(--spacing-md);justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.stat-card-small{align-items:center;background:#fff;background:var(--surface);border:2px solid #d4af37;border:2px solid var(--ramadan-gold);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #1a144614;box-shadow:var(--shadow-soft);display:flex;gap:8px;gap:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.stat-label{color:#5d6d7e;color:var(--text-secondary);font-size:14px}.stat-value{color:#0d7377;color:var(--ramadan-teal);font-size:18px;font-weight:700}button{-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:inherit;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}button:active{filter:brightness(.85);transform:scale(.93)!important;transition:transform .06s ease-out,filter .06s ease-out,box-shadow .06s ease-out!important}.dark .word-card{background:#fff;background:var(--surface);border-color:#e8dacc;border-color:var(--border);box-shadow:0 4px 16px #0000004d}.dark .word-card:hover{box-shadow:0 8px 32px #14ffec33}.dark .stat-card,.dark .word-card:hover{border-color:#14ffec;border-color:var(--ramadan-mint)}.dark .stat-card{background:#fff;background:var(--surface)}.dark header:after{color:#f4e4c1;color:var(--ramadan-moon)}@media (max-width:768px){header h1{font-size:24px}header:after{font-size:40px;right:20px;top:10px}.stats,.words-grid{grid-template-columns:1fr}.mode-toggle{width:100%}.mode-btn{flex:1 1;min-width:100px}.stat-card h3{font-size:36px}.word-card h3{font-size:28px}}@keyframes peacefulFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container>*{animation:peacefulFadeIn .6s ease}.blessing-text{color:#d4af37;color:var(--ramadan-gold);font-weight:600;text-shadow:0 0 10px #d4af3780}:focus-visible{outline:3px solid var(--ramadan-mint)}@media print{.filters-section,.header-controls,.search-section,button,header{display:none}.word-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}body:before{display:none}}.app-header-clean{background:linear-gradient(135deg,#1a1446,#0d7377);box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content-clean{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-title-clean{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.menu-toggle{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;transition:all .3s;width:40px}.menu-toggle:hover{background:#ffffff4d}.mode-tabs{background:#f8f9fa;border-bottom:3px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;position:-webkit-sticky;position:sticky;top:57px;z-index:99}.tab{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:4px;padding:16px 12px;position:relative;transition:all .3s}.tab-icon{font-size:24px;transition:transform .3s}.tab-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tab:hover{background:#0d73770d;color:#0d7377}.tab:hover .tab-icon{transform:scale(1.1)}.tab.active{background:#fff;color:#0d7377}.tab.active:after{background:linear-gradient(90deg,#0d7377,#14ffec);bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.stats-bar{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;justify-content:space-around;padding:12px 20px;position:-webkit-sticky;position:sticky;top:121px;z-index:98}.dark .stats-bar{background:#2d1b69;background:var(--ramadan-dusk);border-bottom-color:#e8dacc;border-bottom-color:var(--border)}.stat-compact{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:70px}.stat-compact.streak{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;padding:8px 16px}.stat-number{font-size:20px;line-height:1}.stat-compact.streak .stat-number{color:#fff}.stat-label{font-size:11px}.stat-compact.streak .stat-label{color:#ffffffe6}.floating-actions{bottom:24px;display:flex;flex-direction:column;gap:12px;position:fixed;right:24px;z-index:1000}.fab{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:all .3s;width:56px}.fab-primary{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.fab-secondary{background:linear-gradient(135deg,#d4af37,#f4e4c1);color:#1a1446}.fab:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.mobile-menu-overlay{animation:fadeIn .3s;background:#00000080;display:none;left:0;z-index:999}.mobile-menu,.mobile-menu-overlay{bottom:0;position:fixed;right:0;top:0}.mobile-menu{animation:slideInRight .3s;background:#fff;box-shadow:-4px 0 12px #0003;display:flex;flex-direction:column;gap:12px;padding:24px;width:280px}.dark .mobile-menu{background:#2d1b69;background:var(--ramadan-dusk)}.mobile-menu h3{color:#1a1446;font-size:20px;margin:0 0 16px}.dark .mobile-menu h3{color:#f4e4c1;color:var(--ramadan-moon)}.mobile-menu button{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:16px;padding:16px;text-align:left;transition:all .3s}.dark .mobile-menu button{background:#1a1446;background:var(--ramadan-night);border-color:#e8dacc;border-color:var(--border);color:#f4e4c1;color:var(--ramadan-moon)}.mobile-menu button:hover{background:#0d73770d;border-color:#0d7377;transform:translateX(4px)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.container{margin:0 auto;max-width:1200px;padding:24px}@media (max-width:768px){.app-title-clean{font-size:18px}.menu-toggle{align-items:center;display:flex;justify-content:center}.mode-tabs{top:56px}.tab{padding:12px 8px}.tab-icon{font-size:20px}.tab-label{font-size:11px}.stats-bar{gap:8px;padding:10px 12px;top:112px}.stat-compact{flex:1 1;min-width:auto}.stat-number{font-size:16px}.stat-label{font-size:9px}.floating-actions{bottom:16px;right:16px}.fab{font-size:20px;height:48px;width:48px}.mobile-menu-overlay{display:block}.container{padding:16px}}@media (max-width:390px){.tab-label{display:none!important}.tab{padding:10px 4px!important}.tab-icon{font-size:22px!important}.app-loader-overlay .app-loader-title{font-size:16px}}@media (max-width:1024px) and (min-width:769px){.tab-label{font-size:12px}.stat-number{font-size:18px}}@media print{.app-header-clean,.floating-actions,.mobile-menu-overlay,.mode-tabs,.stats-bar{display:none}}.word-card{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.word-card:before{background:linear-gradient(135deg,#0d73770d,#14ffec0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s}.word-card:hover:before{opacity:1}.word-card:hover{box-shadow:0 20px 40px #0d737733,0 0 0 1px #0d73771a;transform:translateY(-12px) scale(1.02)}.word-card.known{background:linear-gradient(135deg,#27ae600d,#2ecc710d);border-color:#27ae60}.word-card.known:after{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;box-shadow:0 2px 8px #27ae604d;color:#fff;content:"✓";display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.word-card:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s;width:200%}.word-card:hover:after{transform:translateX(100%)}.word-card[data-category="Divine Names"]{border-left:4px solid #d4af37}.word-card[data-category="Divine Names"]:hover{box-shadow:0 20px 40px #d4af374d}.word-card[data-category=Worship]{border-left:4px solid #0d7377}.word-card[data-category=Worship]:hover{box-shadow:0 20px 40px #0d73774d}.word-card[data-category=Faith]{border-left:4px solid #8e44ad}.word-card[data-category=Faith]:hover{box-shadow:0 20px 40px #8e44ad4d}.word-card[data-category="Moral Qualities"]{border-left:4px solid #27ae60}.word-card[data-category="Moral Qualities"]:hover{box-shadow:0 20px 40px #27ae604d}.word-card[data-category=Prophets]{border-left:4px solid #e67e22}.word-card[data-category=Prophets]:hover{box-shadow:0 20px 40px #e67e224d}.word-card[data-category="Common Verbs"]{border-left:4px solid #3498db}.word-card[data-category="Common Verbs"]:hover{box-shadow:0 20px 40px #3498db4d}.word-card[data-category="Time & Place"]{border-left:4px solid #e74c3c}.word-card[data-category="Time & Place"]:hover{box-shadow:0 20px 40px #e74c3c4d}.category-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.category-badge[data-category="Divine Names"]{background:linear-gradient(135deg,#d4af37,#f4e4c1);color:#1a1446}.category-badge[data-category=Worship]{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.category-badge[data-category=Faith]{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff}.category-badge[data-category="Moral Qualities"]{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.category-badge[data-category=Prophets]{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff}.category-badge[data-category="Common Verbs"]{background:linear-gradient(135deg,#3498db,#5dade2);color:#fff}.category-badge[data-category="Time & Place"]{background:linear-gradient(135deg,#e74c3c,#ec7063);color:#fff}.container>*{animation:smoothFadeIn .5s ease-out}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.words-grid .word-card{animation:cardSlideIn .5s ease-out backwards}.words-grid .word-card:first-child{animation-delay:.05s}.words-grid .word-card:nth-child(2){animation-delay:.1s}.words-grid .word-card:nth-child(3){animation-delay:.15s}.words-grid .word-card:nth-child(4){animation-delay:.2s}.words-grid .word-card:nth-child(5){animation-delay:.25s}.words-grid .word-card:nth-child(6){animation-delay:.3s}.words-grid .word-card:nth-child(7){animation-delay:.35s}.words-grid .word-card:nth-child(8){animation-delay:.4s}.words-grid .word-card:nth-child(9){animation-delay:.45s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.container{animation:modeSwitch .4s ease-out}@keyframes modeSwitch{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.filter-btn,.tab,button{transition:all .3s cubic-bezier(.4,0,.2,1)}.word-card-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:16px;height:200px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#0d7377;display:inline-block;height:50px;width:50px}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite;background:#0d7377;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.progress-bar-animated{overflow:hidden;position:relative}.progress-bar-animated:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.no-results{animation:emptyStateFadeIn .5s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:24px;box-shadow:0 4px 20px #0000000d;padding:80px 40px;text-align:center}@keyframes emptyStateFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-results:before{animation:floatIcon 3s ease-in-out infinite;content:"📚";display:block;font-size:80px;margin-bottom:24px}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:12px}.no-results p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:32px}.reset-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 20px #0d73774d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.reset-btn:hover:before{height:300px;width:300px}.reset-btn:hover{box-shadow:0 8px 30px #0d737766;transform:translateY(-2px)}.reset-btn:active{transform:translateY(0)}.no-results.no-search-results:before{content:"🔍"}.no-results.no-known-words:before{content:"🎯"}.no-results.no-category-words:before{content:"📂"}.word-card.just-learned{animation:successPulse .5s ease-out}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:200px;width:200px}[data-tooltip]{position:relative}[data-tooltip]:before{background:#1a1446;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .3s;white-space:nowrap}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px)}:focus-visible{border-radius:4px;outline:3px solid #14ffec;outline-offset:2px}html{scroll-behavior:smooth}.fab-learning{background:linear-gradient(135deg,#667eea,#764ba2)}.fab-learning:hover{box-shadow:0 4px 20px #667eea66}.fab-clusters{background:linear-gradient(135deg,#f093fb,#f5576c)}.fab-clusters:hover{box-shadow:0 4px 20px #f093fb66}.header-auth{display:flex}.auth-trigger-btn{background:#0000;border:2px solid #0d7377;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.auth-trigger-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.auth-trigger-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0000}.auth-trigger-btn.primary:hover{box-shadow:0 4px 15px #0d737766}.user-email{background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}@media (max-width:768px){.header-auth{display:flex}}.header-auth{align-items:center;display:flex!important;gap:12px}@media (max-width:768px){.header-auth{display:flex!important}.auth-trigger-btn{font-size:12px;padding:6px 12px}}.header-auth{pointer-events:auto!important;z-index:100!important}.auth-trigger-btn,.header-auth{position:relative}.app-header-clean,.header-content-clean{position:relative;z-index:100!important}body{background:linear-gradient(160deg,#0b0918,#1a1446 35%,#0d2a2e 70%,#0b1220)!important;background-attachment:fixed!important;min-height:100vh}body:before{background-image:radial-gradient(ellipse 700px 500px at 15% 0,#d4af3712 0,#0000 65%),radial-gradient(ellipse 600px 600px at 85% 100%,#0d737714 0,#0000 65%),radial-gradient(ellipse 400px 400px at 50% 50%,#2d1b690d 0,#0000 65%)!important}.app-header-clean{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0b0918fa,#1a1446f5 50%,#0d2a2ef5)!important;border-bottom:1px solid #d4af3726!important;box-shadow:0 1px 0 #d4af3714,0 4px 32px #00000080!important;padding:12px 28px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:200!important}.app-header-clean:before{background:linear-gradient(90deg,#0000,#d4af37 30%,#14ffec 70%,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content-clean{align-items:center!important;display:flex!important;justify-content:space-between!important;margin:0 auto!important;max-width:1200px!important}.app-title-clean{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37 55%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.4px!important;margin:0!important;text-shadow:none!important}.auth-trigger-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff12!important;border:1px solid #ffffff2e!important;border-radius:10px!important;color:#f4e4c1e6!important;cursor:pointer!important;font-size:13px!important;font-weight:700!important;letter-spacing:.2px!important;padding:8px 18px!important;pointer-events:auto!important;position:relative!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;z-index:101!important}.auth-trigger-btn:hover{background:#ffffff21!important;border-color:#ffffff4d!important;box-shadow:0 4px 16px #0000004d!important;color:#fff!important;transform:translateY(-2px)!important}.auth-trigger-btn.primary{background:linear-gradient(135deg,#b8860b,#d4af37 50%,#f0c040)!important;border-color:#0000!important;box-shadow:0 2px 12px #d4af3759!important;color:#1a1446!important}.auth-trigger-btn.primary:hover{box-shadow:0 6px 24px #d4af378c!important;transform:translateY(-2px) scale(1.02)!important}.user-email{background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:8px!important;color:#f4e4c1d9!important;font-size:13px!important;font-weight:600!important;padding:7px 14px!important}.menu-toggle{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff12!important;border:1px solid #ffffff26!important;border-radius:10px!important;color:#f4e4c1e6!important;cursor:pointer!important;font-size:18px!important;height:38px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;width:38px!important}.menu-toggle:hover{background:#ffffff1f!important;transform:scale(1.08)!important}.mode-tabs{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#00000073!important;border-bottom:1px solid #ffffff12!important;box-shadow:0 4px 20px #0000004d!important;position:-webkit-sticky!important;position:sticky!important;top:57px!important;z-index:199!important}.tab{background:#0000!important;border:none!important;color:#f4e4c1b8!important;padding:14px 12px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.tab-icon{filter:grayscale(.2) opacity(.9)!important;font-size:22px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.tab-label{font-size:11px!important;font-weight:700!important;letter-spacing:.8px!important;text-transform:uppercase!important}.tab:hover{background:#ffffff0a!important;color:#f4e4c1d9!important}.tab:hover .tab-icon{filter:grayscale(0) opacity(1)!important;transform:scale(1.15) translateY(-2px)!important}.tab.active{background:#ffffff0d!important;color:#fff!important}.tab.active .tab-icon{filter:grayscale(0) opacity(1)!important;transform:translateY(-1px)!important}.tab.active:after{background:linear-gradient(90deg,#d4af37,#14ffec)!important;border-radius:999px 999px 0 0!important;bottom:0!important;box-shadow:0 0 12px #14ffec80!important;content:""!important;height:2.5px!important;left:8%!important;position:absolute!important;right:8%!important}.stats-bar{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:#00000059!important;border-bottom:1px solid #ffffff0f!important;box-shadow:none!important;padding:10px 24px!important;position:-webkit-sticky!important;position:sticky!important;top:121px!important;z-index:198!important}.stat-compact{gap:1px!important}.stat-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#d4af37,#f0c040 60%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:19px!important;font-weight:800!important;line-height:1!important}.stat-compact.streak{background:linear-gradient(135deg,#ff6b6b40,#ee5a6f33)!important;border:1px solid #ff6b6b4d!important;border-radius:10px!important;box-shadow:0 0 16px #ff6b6b26!important;padding:6px 14px!important}.stat-compact.streak .stat-number{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)!important;-webkit-background-clip:text!important;background-clip:text!important}.stat-label{color:#f4e4c1ad!important;font-size:10px!important;font-weight:600!important;letter-spacing:.8px!important}.stat-compact.streak .stat-label{color:#ff9696b3!important}.container{margin:0 auto!important;max-width:1200px!important;padding:28px 24px!important}.search-section{margin-bottom:20px!important;position:relative!important}.search-input{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff0d!important;color:#f4e4c1e6!important;font-size:15px!important;padding:14px 20px!important;transition:all .3s ease!important;width:100%!important}.search-input::placeholder{color:#f4e4c185!important}.search-input:focus{background:#ffffff17!important;border-color:#14ffec73!important;box-shadow:0 0 0 3px #14ffec1a,inset 0 1px 0 #ffffff14!important;outline:none!important;transform:none!important}.filters-section h3{color:#f4e4c1bf!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.2px!important;margin-bottom:12px!important;text-transform:uppercase!important}.filter-btn{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#f4e4c1a6!important;font-size:13px!important;font-weight:600!important;padding:7px 18px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.filter-btn:before{display:none!important}.filter-btn:hover{background:#ffffff1a!important;border-color:#d4af3759!important;box-shadow:0 4px 12px #0000004d!important;color:#f4e4c1e6!important;transform:translateY(-2px)!important}.filter-btn.active{background:linear-gradient(135deg,#b8860b,#d4af37 55%,#f0c040)!important;border-color:#0000!important;box-shadow:0 0 16px #d4af3766,0 2px 8px #0000004d!important;color:#1a1446!important;transform:translateY(-1px)!important}.words-section h2{color:#f4e4c1d1!important;font-size:13px!important;font-weight:700!important;letter-spacing:.8px!important;margin-bottom:20px!important;text-transform:uppercase!important}.word-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 4px 24px #00000059,inset 0 1px 0 #ffffff14!important;overflow:hidden!important;padding:24px 20px!important;position:relative!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.word-card:before{background:linear-gradient(135deg,#d4af3700,#d4af370f 50%,#14ffec0a)!important;border-radius:inherit!important;bottom:0!important;content:""!important;left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;transition:opacity .35s!important}.word-card:hover:before{opacity:1!important}.word-card:after{background:linear-gradient(90deg,#0000,#14ffec,#0000)!important;border-radius:999px!important;bottom:0!important;content:""!important;height:1.5px!important;left:10%!important;position:absolute!important;right:10%!important;transform:scaleX(0)!important;transition:transform .35s ease!important}.word-card:hover{background:#ffffff14!important;border-color:#d4af3740!important;box-shadow:0 20px 50px #00000080,0 0 0 1px #d4af371a,inset 0 1px 0 #ffffff1f!important;transform:translateY(-10px)!important}.word-card:hover:after{transform:scaleX(1)!important}.word-card[data-category="Divine Names"]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #d4af3726!important}.word-card[data-category=Worship]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #0d737733!important}.word-card[data-category=Faith]:hover{box-shadow:0 20px 50px #00000080,0 0 30px #8e44ad33!important}.word-card h3{color:#f4e4c1f2!important;font-size:34px!important;text-shadow:0 0 20px #d4af3733!important}.word-card .transliteration{color:#f4e4c1a6!important;font-size:13px!important}.word-card .meaning{color:#ffffffeb!important;font-size:17px!important}.word-card .badge{background:#ffffff12!important;border:1px solid #ffffff1a!important;border-radius:999px!important;color:#f4e4c1a6!important}.word-card .root-badge{background:linear-gradient(135deg,#d4af3740,#f0c04033)!important;border:1px solid #d4af3759!important;color:#d4af37!important}.word-card .root-badge:hover{background:linear-gradient(135deg,#d4af3766,#f0c04059)!important;box-shadow:0 0 12px #d4af374d!important;transform:scale(1.05)!important}.word-card .category-badge{background:linear-gradient(135deg,#0d73774d,#14ffec33)!important;border:1px solid #14ffec40!important;color:#14ffece6!important}.word-card.known{background:#27ae600f!important;border-color:#27ae6040!important}.root-explorer-banner{align-items:center!important;animation:smoothFadeIn .4s ease-out!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0d737726!important;border:1px solid #14ffec33!important;border-radius:14px!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important;padding:16px 20px!important}.root-explorer-banner h3{color:#14ffec!important;font-size:16px!important;margin:0!important}.root-explorer-banner p{color:#f4e4c199!important;font-size:13px!important;margin:2px 0 0!important}.close-root-btn{background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:8px!important;color:#f4e4c1b3!important;cursor:pointer!important;font-size:13px!important;padding:6px 14px!important;transition:all .25s ease!important}.close-root-btn:hover{background:#ffffff24!important;color:#fff!important}.no-results{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:24px!important;padding:64px 40px!important}.no-results h3{color:#f4e4c1d9!important}.no-results p{color:#f4e4c173!important}.fab{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #ffffff1f!important;box-shadow:0 4px 20px #00000080,inset 0 1px 0 #ffffff1a!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.fab-primary{background:linear-gradient(135deg,#0d7377,#14ffec)!important}.fab-secondary{background:linear-gradient(135deg,#b8860b,#d4af37)!important;color:#1a1446!important}.fab-learning{background:linear-gradient(135deg,#5a4fcf,#9b59b6)!important}.fab-clusters{background:linear-gradient(135deg,#c0392b,#e74c3c)!important}.fab:hover{box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff26!important;transform:scale(1.12) translateY(-2px)!important}.mobile-menu{background:linear-gradient(160deg,#1a1446,#0d2a2e)!important;border-left:1px solid #d4af3726!important;box-shadow:-8px 0 40px #0009!important;padding:28px 20px!important;width:300px!important}.mobile-menu h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:20px!important;font-weight:800!important;margin-bottom:20px!important}.mobile-menu button{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;color:#f4e4c1cc!important;font-size:15px!important;padding:14px 16px!important;text-align:left!important;transition:all .25s ease!important}.mobile-menu button:hover{background:#ffffff1a!important;border-color:#d4af374d!important;color:#f4e4c1f2!important;transform:translateX(4px)!important}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important}.words-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}.words-grid .word-card{animation:cardRiseIn .5s cubic-bezier(.34,1.56,.64,1) backwards!important}@keyframes cardRiseIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.words-grid .word-card:first-child{animation-delay:.04s}.words-grid .word-card:nth-child(2){animation-delay:.08s}.words-grid .word-card:nth-child(3){animation-delay:.12s}.words-grid .word-card:nth-child(4){animation-delay:.16s}.words-grid .word-card:nth-child(5){animation-delay:.2s}.words-grid .word-card:nth-child(6){animation-delay:.24s}.words-grid .word-card:nth-child(7){animation-delay:.28s}.words-grid .word-card:nth-child(8){animation-delay:.32s}.words-grid .word-card:nth-child(9){animation-delay:.36s}.words-grid .word-card:nth-child(n+10){animation-delay:.4s}.container{animation:modeFadeIn .4s ease-out!important}@keyframes modeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dark .stats-bar,.stats-bar{background:#00000059!important;border-bottom-color:#ffffff0f!important}@media (max-width:768px){.app-title-clean{font-size:17px!important}.mode-tabs{top:52px!important}.stats-bar{padding:8px 16px!important;top:112px!important}.tab{padding:11px 8px!important}.tab-icon{font-size:18px!important}.words-grid{gap:14px!important;grid-template-columns:1fr!important}.word-card{border-radius:16px!important}.container{padding:18px 16px!important}.auth-trigger-btn{font-size:12px!important;padding:6px 12px!important}}@media print{body{background:#fff!important}.app-header-clean,.floating-actions,.mobile-menu-overlay,.mode-tabs,.stats-bar{display:none!important}}body:not(.dark-mode){background:#f5f0e8!important;color:#1a1a1a!important}body:not(.dark-mode) .mode-tabs{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#fffffff7!important;border-bottom:1px solid #10b98126!important;box-shadow:0 2px 12px #04785712!important}body:not(.dark-mode) .tab{background:#0000!important;color:#04785773!important}body:not(.dark-mode) .tab:hover{background:#10b9810d!important;color:#047857d9!important}body:not(.dark-mode) .tab.active{background:#10b9810f!important;color:#064e3b!important}body:not(.dark-mode) .tab-icon{filter:grayscale(.3) opacity(.6)!important}body:not(.dark-mode) .tab.active .tab-icon,body:not(.dark-mode) .tab:hover .tab-icon{filter:grayscale(0) opacity(1)!important}body:not(.dark-mode) .stats-bar{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#fffffff2!important;border-bottom:1px solid #10b9811f!important}body:not(.dark-mode) .stat-label{color:#0478577a!important}body:not(.dark-mode) .stat-compact.streak{background:linear-gradient(135deg,#ff6b6b1f,#ee5a6f14)!important;border:1px solid #ff6b6b33!important;box-shadow:none!important}body:not(.dark-mode) .search-input{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b98133!important;box-shadow:inset 0 1px 4px #10b9810f!important;color:#064e3b!important}body:not(.dark-mode) .search-input::placeholder{color:#04785759!important}body:not(.dark-mode) .search-input:focus{background:#fff!important;border-color:#10b98180!important;box-shadow:0 0 0 3px #10b9811f!important}body:not(.dark-mode) .filters-section h3{color:#04785780!important}body:not(.dark-mode) .filter-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffffff2!important;border:1px solid #10b98124!important;color:#047857a6!important}body:not(.dark-mode) .filter-btn:hover{background:#fff!important;border-color:#10b98166!important;box-shadow:0 4px 12px #10b9811a!important;color:#064e3b!important}body:not(.dark-mode) .words-section h2{color:#0478577a!important}body:not(.dark-mode) .word-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 2px 10px #10b98112,0 1px 3px #0478570a!important}body:not(.dark-mode) .word-card:hover{background:#f0fdf4!important;border-color:#d4af374d!important;box-shadow:0 12px 32px #10b9811f,0 4px 8px #0478570f!important}body:not(.dark-mode) .word-card[data-category="Divine Names"]:hover,body:not(.dark-mode) .word-card[data-category=Faith]:hover,body:not(.dark-mode) .word-card[data-category=Worship]:hover{box-shadow:0 12px 32px #10b9811f!important}body:not(.dark-mode) .word-card h3{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .word-card .transliteration{color:#6b8f7e!important}body:not(.dark-mode) .word-card .meaning{color:#1e3a2f!important}body:not(.dark-mode) .word-card .badge{background:#10b9810f!important;border:1px solid #10b9811f!important;color:#04785799!important}body:not(.dark-mode) .word-card .root-badge{background:linear-gradient(135deg,#d4af371a,#f0c04012)!important;border:1px solid #d4af3738!important;color:#b8860b!important}body:not(.dark-mode) .word-card .root-badge:hover{background:linear-gradient(135deg,#d4af3733,#f0c04026)!important;box-shadow:none!important}body:not(.dark-mode) .word-card .category-badge{background:linear-gradient(135deg,#10b9811a,#34d39912)!important;border:1px solid #10b98133!important;color:#059669!important}body:not(.dark-mode) .word-card.known{background:#10b9810a!important;border-color:#10b98138!important}body:not(.dark-mode) .auth-trigger-btn{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b9812e!important;color:#047857d9!important}body:not(.dark-mode) .auth-trigger-btn:hover{background:#10b9811f!important;border-color:#10b9814d!important;box-shadow:none!important;color:#064e3b!important}body:not(.dark-mode) .user-email{background:#10b98112!important;border:1px solid #10b98124!important;color:#064e3b!important}body:not(.dark-mode) .menu-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b98126!important;color:#064e3b!important}body:not(.dark-mode) .menu-toggle:hover{background:#10b9811f!important}body:not(.dark-mode) .no-results{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important}body:not(.dark-mode) .no-results h3{color:#064e3b!important}body:not(.dark-mode) .no-results p{color:#0478578c!important}body:not(.dark-mode) .root-explorer-banner{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#10b98112!important;border:1px solid #10b98133!important}body:not(.dark-mode) .root-explorer-banner h3{color:#059669!important}body:not(.dark-mode) .root-explorer-banner p{color:#04785799!important}body:not(.dark-mode) .close-root-btn{background:#10b98112!important;border:1px solid #10b98124!important;color:#064e3b!important}body:not(.dark-mode) .close-root-btn:hover{background:#10b9811f!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu{background:linear-gradient(160deg,#fff,#ecfdf5)!important;border-left:1px solid #10b98126!important;box-shadow:-8px 0 40px #0478571f!important}body:not(.dark-mode) .mobile-menu h3{-webkit-text-fill-color:#064e3b!important;background:none!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu button{background:#10b9810f!important;border:1px solid #10b9811a!important;color:#047857cc!important}body:not(.dark-mode) .mobile-menu button:hover{background:#10b9811c!important;border-color:#d4af3740!important;color:#064e3b!important}body:not(.dark-mode) .mobile-menu-overlay{background:#04785759!important}.word-context-overlay-simplified{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.word-context-modal-simplified{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.close-btn-simplified{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.close-btn-simplified:hover{background:#0003;transform:rotate(90deg)}.modal-header-simplified{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-bottom:2px solid #e9ecef;padding:48px 32px 32px;text-align:center}.word-display-large{color:#1a1446;direction:rtl;font-size:64px;font-weight:700;line-height:1.2;margin-bottom:16px}.word-meaning-large{color:#0d7377;font-size:28px;font-weight:600;margin-bottom:12px}.word-trans-sub{color:#6c757d;font-size:16px;font-style:italic;margin-bottom:20px}.listen-btn-header{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:24px;box-shadow:0 4px 12px #0d73774d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:24px;padding:12px 28px;transition:all .3s}.listen-btn-header:hover:not(:disabled){box-shadow:0 6px 16px #0d737766;transform:translateY(-2px)}.listen-btn-header:disabled{cursor:not-allowed;opacity:.6}.quick-info-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.info-chip{align-items:center;background:#0d73771a;border:1px solid #0d737733;border-radius:20px;color:#1a1446;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.chip-icon{font-size:16px}.tabs-simplified{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.tab-simplified{align-items:center;background:#0000;border:none;color:#6c757d;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:6px;padding:16px 20px;position:relative;transition:all .3s}.tab-simplified:hover{background:#0d73770d;color:#0d7377}.tab-simplified.active{background:#fff;color:#0d7377}.tab-simplified.active:after{background:linear-gradient(90deg,#0d7377,#14ffec);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-label{font-size:13px}.tab-content-simplified{min-height:300px;padding:32px}.learning-content{display:flex;flex-direction:column;gap:24px}.learning-section{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px}.section-title{align-items:center;color:#1a1446;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.root-display-box{display:flex;flex-direction:column;gap:16px}.root-letters{gap:16px}.root-letter-item,.root-letters{display:flex;justify-content:center}.root-letter-item{align-items:center;background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:12px;box-shadow:0 4px 12px #d4af374d;color:#1a1446;font-size:32px;font-weight:700;height:60px;width:60px}.root-meaning-text{background:#0d73770d;border:1px solid #0d73771a;border-radius:10px;color:#495057;font-size:14px;padding:12px 16px;text-align:center}.root-meaning-text strong{color:#0d7377}.grammar-info-box{display:flex;flex-direction:column;gap:12px}.grammar-item{align-items:center;background:#0d73770d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.grammar-label{color:#6c757d;font-size:13px;font-weight:600}.grammar-value{color:#1a1446;font-size:14px;font-weight:600}.grammar-notes{background:#14ffec0d;border-left:3px solid #14ffec;border-radius:6px;color:#495057;font-size:13px;line-height:1.6;padding:12px}.learning-tip-box{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border:1px solid #d4af374d;border-radius:12px;display:flex;gap:12px;padding:16px}.tip-text strong{color:#d4af37;font-weight:700}.verses-content{display:flex;flex-direction:column;gap:20px}.verses-intro{background:#0d73770d;border-radius:12px;color:#495057;font-size:14px;padding:16px;text-align:center}.verses-intro strong{color:#0d7377;font-weight:700}.verse-card-simple{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px;transition:all .3s}.verse-card-simple:hover{border-color:#0d7377;box-shadow:0 4px 12px #0d73771a}.verse-reference{color:#0d7377;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.verse-arabic-text{color:#1a1446;direction:rtl;font-size:24px;line-height:1.8;margin-bottom:12px;text-align:right}.verse-translation-text{color:#495057;font-size:15px;font-style:italic;line-height:1.6;margin-bottom:12px}.verse-context-note{background:#d4af371a;border-left:3px solid #d4af37;border-radius:6px;color:#495057;font-size:13px;line-height:1.6;padding:12px}.usage-content{display:flex;flex-direction:column;gap:24px}.usage-section{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:20px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.stat-box{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border:1px solid #0d73771a;border-radius:12px;padding:20px;text-align:center}.stat-number{color:#0d7377;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.insights-box{background:#14ffec0d;border-radius:10px;color:#495057;font-size:14px;line-height:1.7;padding:16px}.empty-state,.insights-placeholder{padding:40px 20px;text-align:center}.empty-icon,.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{color:#495057;font-size:16px;font-weight:600;margin-bottom:8px}.empty-subtext{color:#6c757d;font-size:14px}.loading-state{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top-color:#0d7377;height:40px;margin:0 auto 16px;width:40px}.modal-footer-simplified{background:#f8f9fa;border-radius:0 0 24px 24px;border-top:2px solid #e9ecef;padding:24px 32px}.multisensory-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 6px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;gap:16px;padding:18px 24px;transition:all .3s;width:100%}.multisensory-cta:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-4px)}.cta-icon{flex-shrink:0;font-size:32px}.cta-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;text-align:left}.cta-title{display:block;font-size:17px;font-weight:700;margin-bottom:4px}.cta-subtitle{display:block;font-size:13px;opacity:.9}@media (max-width:768px){.word-context-modal-simplified{border-radius:20px 20px 0 0;max-height:95vh}.modal-header-simplified{padding:36px 24px 24px}.word-display-large{font-size:48px}.word-meaning-large{font-size:24px}.tab-content-simplified{padding:24px 20px}.tabs-simplified{overflow-x:auto}.tab-simplified{flex-shrink:0;min-width:100px}.root-letters{gap:12px}.root-letter-item{font-size:28px;height:50px;width:50px}.stats-grid{grid-template-columns:1fr}.multisensory-cta{padding:16px 20px}.cta-icon{font-size:28px}}.verse-context-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin:20px 0;padding:24px}.context-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.context-title{color:#1a1446;font-size:20px;font-weight:700;margin:0}.context-info{display:flex;gap:8px}.surah-badge{background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.context-verse{background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s}.context-verse:hover{border-color:#0d7377;box-shadow:0 4px 12px #0d73771a}.next-verse,.previous-verse{background:linear-gradient(135deg,#f8f9fa,#fff);opacity:.85}.next-verse:hover,.previous-verse:hover{opacity:1}.current-verse{background:linear-gradient(135deg,#0d73770d,#14ffec0d);border-color:#0d7377;border-width:3px;box-shadow:0 4px 16px #0d737726}.verse-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.verse-number{color:#0d7377;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.context-badge{background:#6c757d1a;color:#6c757d}.context-badge,.current-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.current-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1446}.verse-arabic-context{color:#495057;font-size:20px;margin-bottom:12px}.verse-arabic-context,.verse-arabic-main{direction:rtl;line-height:1.8;text-align:right}.verse-arabic-main{color:#1a1446;font-size:24px;font-weight:600;margin-bottom:16px}.word-highlight{background:linear-gradient(135deg,#14ffec,#0d7377);border-radius:6px;box-shadow:0 2px 8px #14ffec4d;color:#fff;font-weight:700;padding:2px 8px}.verse-translation-context{color:#6c757d;font-size:14px;font-style:italic;line-height:1.6}.verse-translation-main{color:#495057;font-size:16px;font-style:italic;line-height:1.7;margin-bottom:16px}.verse-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;margin-top:16px;padding-top:16px}.copy-btn{align-items:center;background:#fff;border:2px solid #0d7377;border-radius:10px;color:#0d7377;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s}.copy-btn:hover{background:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff;transform:translateY(-2px)}.copy-btn.context{border-color:#667eea;color:#667eea}.copy-btn.context:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.context-insight{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-left:4px solid #d4af37;border-radius:10px;display:flex;gap:12px;margin-top:20px;padding:16px}.insight-icon{flex-shrink:0;font-size:24px}.insight-text{color:#495057;font-size:14px;line-height:1.6}.verse-context-loading{padding:40px 20px;text-align:center}.spinner-verse{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#0d7377;height:40px;margin:0 auto 16px;width:40px}@media (max-width:768px){.verse-context-container{padding:16px}.context-header{align-items:flex-start;flex-direction:column;gap:12px}.verse-arabic-main{font-size:20px}.verse-arabic-context{font-size:18px}.verse-actions{flex-direction:column}.copy-btn{width:100%}}.related-words-container{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin:20px 0;padding:24px}.related-header{margin-bottom:20px;text-align:center}.related-title{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:8px}.related-subtitle{color:#6c757d;font-size:14px;margin:0}.related-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.related-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:12px 16px;transition:all .3s}.related-tab:hover{border-color:#0d7377;transform:translateY(-2px)}.related-tab.active{background:linear-gradient(135deg,#0d7377,#14ffec);border-color:#0d7377;box-shadow:0 4px 12px #0d73774d;color:#fff}.tab-icon{font-size:20px}.tab-text{font-size:12px;font-weight:600}.tab-count{background:#0000001a;border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.related-tab.active .tab-count{background:#ffffff4d}.related-words-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.related-word-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;position:relative;transition:all .3s}.related-word-card:hover{border-color:#0d7377;box-shadow:0 6px 16px #0d737726;transform:translateY(-4px)}.related-word-card.known{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#81c784;opacity:.8}.related-word-card.known:hover{opacity:1}.known-badge-small{background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.known-badge-small,.priority-badge{align-items:center;display:flex;position:absolute;right:8px;top:8px}.priority-badge{background:linear-gradient(135deg,#ffd93d,#f39c12);border-radius:12px;box-shadow:0 2px 8px #ffd93d66;gap:4px;padding:4px 8px}.priority-icon{font-size:12px}.priority-text{color:#1a1446;font-size:10px;font-weight:700;text-transform:uppercase}.related-arabic{color:#1a1446;direction:rtl;font-size:28px;font-weight:700;margin-top:8px;text-align:center}.related-english{color:#0d7377;font-size:15px;font-weight:600;text-align:center}.related-trans{color:#6c757d;font-size:12px;font-style:italic;text-align:center}.related-meta{border-top:1px solid #e9ecef;display:flex;justify-content:space-around;margin-top:8px;padding-top:8px}.meta-item{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:4px}.meta-icon{font-size:14px}.learn-this-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:auto;padding:8px 12px;transition:all .3s;width:100%}.learn-this-btn:hover{box-shadow:0 4px 12px #0d73774d;transform:translateY(-2px)}.related-word-card.known .learn-this-btn{background:linear-gradient(135deg,#81c784,#66bb6a)}.related-tip{align-items:flex-start;background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-left:4px solid #d4af37;border-radius:10px;display:flex;gap:12px;padding:16px}.tip-icon{flex-shrink:0;font-size:24px}.tip-text{color:#495057;font-size:14px;line-height:1.6}.related-words-empty{padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.related-words-empty p:last-child{color:#6c757d;font-size:16px}@media (max-width:768px){.related-words-container{padding:16px}.related-words-grid{grid-template-columns:1fr}.related-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:scroll}.related-tab{flex-shrink:0}.related-arabic{font-size:24px}}.related-word-card{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.related-word-card:first-child{animation-delay:.05s}.related-word-card:nth-child(2){animation-delay:.1s}.related-word-card:nth-child(3){animation-delay:.15s}.related-word-card:nth-child(4){animation-delay:.2s}.related-word-card:nth-child(5){animation-delay:.25s}.related-word-card:nth-child(6){animation-delay:.3s}.related-word-card:nth-child(7){animation-delay:.35s}.related-word-card:nth-child(8){animation-delay:.4s}.pricing-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:10001}.pricing-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1446,#0d1117);border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}.pricing-modal .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s;width:40px;z-index:10}.pricing-modal .close-btn:hover{background:#fff3;transform:rotate(90deg)}.pricing-headline-override{color:#14ffec;font-size:15px;font-weight:600;letter-spacing:.03em;margin-bottom:12px;opacity:.95}.pricing-header{background:linear-gradient(135deg,#0d737733,#14ffec1a);border-radius:24px 24px 0 0;padding:60px 40px 40px;text-align:center}.pricing-header h1{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px}.pricing-header p{color:#fffc;font-size:18px;margin-bottom:24px}.pricing-header strong{color:#14ffec;font-weight:700}.trial-active-banner{background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:12px;color:#1a1446;display:inline-block;font-weight:700;margin-top:16px;padding:12px 24px}.trust-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px 40px}.trust-badges span{background:#ffffff0d;border-radius:20px;color:#ffffffb3;font-size:14px;font-weight:600;padding:8px 16px}.pricing-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:40px}.pricing-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;padding:32px;position:relative;transition:all .3s}.pricing-card:hover{border-color:#0d7377;box-shadow:0 12px 32px #0d73774d;transform:translateY(-8px)}.pricing-card.highlighted{background:linear-gradient(135deg,#0d737733,#14ffec1a);border-color:#14ffec;box-shadow:0 8px 24px #14ffec33}.pricing-card.highlighted:hover{box-shadow:0 16px 40px #14ffec66}.plan-badge{background:linear-gradient(135deg,#d4af37,#f4d03f);border-radius:20px;color:#1a1446;font-size:12px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{color:#fff;font-size:28px;font-weight:700;margin-top:8px}.plan-price,.pricing-card h3{margin-bottom:16px}.plan-price .price{color:#14ffec;font-size:48px;font-weight:700;line-height:1}.plan-price .period{color:#fff9;font-size:18px;margin-left:4px}.savings{color:#d4af37;font-size:14px;font-weight:600;margin-bottom:24px}.features{list-style:none;margin:24px 0;padding:0}.features li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:15px;line-height:1.8;padding:10px 0}.features li:last-child{border-bottom:none}.cta-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:24px;padding:16px 32px;text-transform:uppercase;transition:all .3s;width:100%}.cta-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.cta-btn.primary:hover{box-shadow:0 8px 20px #14ffec66;transform:translateY(-2px)}.cta-btn.secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.cta-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.cta-btn:disabled{cursor:not-allowed;opacity:.5}.comparison-section{background:#ffffff05;padding:40px}.comparison-section h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.comparison-table{background:#ffffff0d;border-collapse:collapse;border-radius:12px;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.comparison-table thead{background:#0d73774d}.comparison-table th{color:#fff;font-size:14px;font-weight:700;padding:16px;text-align:left;text-transform:uppercase}.comparison-table td{border-bottom:1px solid #ffffff0d;color:#fffc;padding:16px}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff0d}.faq-section{margin:0 auto;max-width:900px;padding:40px}.faq-section h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.faq-item{background:#ffffff0d;border-radius:12px;margin-bottom:16px;padding:24px}.faq-item h4{color:#14ffec;font-size:18px;font-weight:700;margin-bottom:12px}.faq-item p{color:#fffc;line-height:1.6;margin:0}.final-cta{background:linear-gradient(135deg,#0d737733,#14ffec1a);padding:60px 40px;text-align:center}.final-cta h3{color:#fff;font-size:32px;font-weight:700;margin-bottom:16px}.final-cta p{color:#fffc;font-size:18px;margin-bottom:8px}.signin-prompt{background:#ffc80033;border:2px solid #ffc80080;border-radius:12px;margin-top:16px;padding:16px}.signin-prompt strong{color:#ffc800}@media (max-width:768px){.pricing-overlay{align-items:flex-end;overscroll-behavior:contain;padding:0}.pricing-modal{-webkit-overflow-scrolling:touch;animation:pricingSheetUp .35s cubic-bezier(.32,.72,0,1)!important;border-radius:20px 20px 0 0!important;max-height:95vh;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0);width:100%}.pricing-modal:after{background:#fff3;border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;position:-webkit-sticky;position:sticky;top:0;width:40px}.pricing-modal:before{display:none!important}.pricing-header{padding:28px 16px 16px!important}.pricing-header h1{font-size:22px!important}.pricing-header p{font-size:14px!important}.trust-badges{flex-wrap:wrap;gap:6px;padding:12px 16px}.trust-badges span{font-size:12px!important;padding:6px 10px}.pricing-cards{gap:16px;grid-template-columns:1fr;padding:16px}.pricing-card{padding:20px}.plan-price .price,.price-amount{font-size:34px!important}.cta-btn{min-height:52px}.cta-btn,.pricing-modal .close-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pricing-modal .close-btn{height:44px!important;right:12px!important;top:12px!important;width:44px!important}.comparison-section,.faq-section,.final-cta{padding:24px 16px!important}.comparison-section h3,.faq-section h3,.final-cta h3{font-size:20px!important}.comparison-table{font-size:13px}.comparison-table td,.comparison-table th{padding:10px 8px}.faq-item{padding:16px!important}.faq-item h4{font-size:15px!important}.final-cta p{font-size:14px!important}}@keyframes pricingSheetUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pricing-modal{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pricing-modal::-webkit-scrollbar{width:8px}.pricing-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.pricing-modal::-webkit-scrollbar-thumb{background:#14ffec4d;border-radius:4px}.pricing-modal::-webkit-scrollbar-thumb:hover{background:#14ffec80}.cta-btn:disabled{position:relative}.cta-btn:disabled:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@media (hover:none) and (pointer:coarse){.close-btn,.cta-btn,.pricing-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pricing-card:active{transform:scale(.98)}.cta-btn:active{transform:scale(.95)}}.pricing-overlay{animation:pricingReveal .35s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#0b0918f7,#1a1446f2 50%,#0d2a2ef2)!important}@keyframes pricingReveal{0%{opacity:0}to{opacity:1}}.pricing-modal{animation:modalSpring .45s cubic-bezier(.34,1.56,.64,1)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#ffffff0a!important;border:1px solid #ffffff17!important;border-radius:28px!important;box-shadow:0 0 0 1px #d4af3714,0 32px 80px #000000b3,inset 0 1px 0 #ffffff12!important;scrollbar-color:#d4af374d #0000!important}@keyframes modalSpring{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pricing-modal:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);border-radius:999px;content:"";height:1px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:55%}.pricing-modal .close-btn{background:#ffffff12!important;border:1px solid #ffffff1f!important;color:#f4e4c1cc!important;font-size:20px!important;height:36px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;width:36px!important}.pricing-modal .close-btn:hover{background:#ffffff21!important;color:#fff!important;transform:rotate(90deg) scale(1.1)!important}.pricing-header{background:linear-gradient(135deg,#d4af370f,#14ffec0a)!important;border-bottom:1px solid #ffffff0f!important}.pricing-header h1{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37 55%,#14ffec)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.5px!important}.pricing-subtitle{color:#f4e4c199!important}.special-offer-banner{background:linear-gradient(135deg,#d4af371f,#f0c04014)!important;border:1px solid #d4af3740!important;border-radius:12px!important}.trust-badges span{color:#f4e4c1a6!important;font-size:13px!important}.trust-badges span:before{color:#14ffec;content:"✦ ";font-size:10px}.pricing-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 8px 32px #00000059,inset 0 1px 0 #ffffff12!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.pricing-card:hover{background:#ffffff14!important;border-color:#d4af3733!important;box-shadow:0 20px 60px #0000008c,0 0 0 1px #d4af371a,inset 0 1px 0 #ffffff1a!important;transform:translateY(-8px)!important}.pricing-card.highlighted{background:#0d73771f!important;border-color:#14ffec40!important;box-shadow:0 8px 32px #0006,0 0 40px #0d737726,inset 0 1px 0 #14ffec1a!important}.pricing-card.highlighted:hover{box-shadow:0 24px 64px #0009,0 0 60px #0d737740,0 0 0 1px #14ffec26!important}.plan-name{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.plan-description{color:#f4e4c180!important}.price-amount{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#14ffec,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;font-weight:900!important}.price-period{color:#f4e4c180!important}.savings-badge{background:#14ffec1a!important;border:1px solid #14ffec33!important;border-radius:999px!important;color:#14ffec!important;font-size:12px!important;font-weight:700!important;letter-spacing:.3px!important;padding:4px 14px!important}.feature-item{border-bottom-color:#ffffff0d!important;color:#f4e4c1bf!important;font-size:14px!important}.feature-item strong{color:#14ffec!important}.feature-item:before{color:#d4af37;content:"✦ ";font-size:9px}.cta-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #0d737773!important;color:#0b1220!important;font-weight:800!important}.cta-btn.primary:hover{box-shadow:0 10px 32px #0d737799!important;transform:translateY(-3px) scale(1.02)!important}.cta-btn.secondary{background:#ffffff12!important;border:1px solid #ffffff24!important;border-radius:12px!important;color:#f4e4c1cc!important;font-weight:700!important}.cta-btn.secondary:hover{background:#ffffff1c!important;border-color:#d4af374d!important;color:#f4e4c1f2!important;transform:translateY(-2px)!important}.plan-badge{background:linear-gradient(135deg,#b8860b,#d4af37)!important;border-radius:999px!important;box-shadow:0 2px 12px #d4af3766!important;color:#0b1220!important;font-size:11px!important;font-weight:800!important;letter-spacing:.5px!important}.comparison-section h3,.faq-section h3,.final-cta h3,.trial-explanation h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#f4e4c1,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.comparison-table th{background:#ffffff0f!important;border-bottom:1px solid #ffffff14!important;color:#f4e4c1cc!important}.comparison-table td{border-bottom:1px solid #ffffff0a!important;color:#f4e4c1a6!important}.comparison-table tbody tr:hover{background:#ffffff0a!important}.highlight-row td{color:#d4af37!important}.step-number{background:linear-gradient(135deg,#0d7377,#14ffec)!important;color:#0b1220!important;font-weight:900!important}.trial-step p{color:#f4e4c1a6!important}.trial-step strong{color:#f4e4c1e6!important}.trial-note{background:#ffffff0a!important;border-radius:10px!important;color:#f4e4c173!important;font-size:12px!important;padding:10px 16px!important}.faq-item h4{color:#f4e4c1d9!important}.faq-item p{color:#f4e4c180!important}.final-cta p{color:#f4e4c199!important}.no-account-needed strong{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#14ffec,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important}.trial-badge{background:#d4af371a!important;border:1px solid #d4af3733!important;border-radius:8px!important;color:#d4af37!important;font-size:13px!important;font-weight:700!important;padding:8px 14px!important;text-align:center!important}.no-trial-notice{color:#f4e4c166!important;font-size:12px!important}.word-card-colored{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;min-height:280px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.word-card-colored:hover{border-color:var(--category-primary);box-shadow:0 12px 32px #00000026;transform:translateY(-8px)}.word-card-colored.known{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#81c784}.card-fav-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#969696b3;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;transition:all .2s;width:28px;z-index:3}.card-fav-btn:hover{background:#ffffff4d;color:#e05a6a;transform:scale(1.15)}.card-fav-btn.active{background:#e05a6a1f;color:#e05a6a}.category-color-strip{background:var(--category-gradient);border-radius:16px 16px 0 0;height:6px;left:0;position:absolute;right:0;top:0}.known-indicator{align-items:center;animation:checkPop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;box-shadow:0 2px 8px #4caf504d;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px;z-index:2}@keyframes checkPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.check-icon{color:#fff;font-size:18px;font-weight:700}.word-arabic-main{color:#1a1446;direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:42px;font-weight:700;line-height:1.2;margin-top:16px;text-align:center;transition:all .3s}.word-card-colored:hover .word-arabic-main{color:var(--category-primary);transform:scale(1.05)}.word-english-main{color:var(--category-dark);font-size:20px;font-weight:600;line-height:1.3;margin-top:4px;text-align:center;transition:all .3s}.word-card-colored:hover .word-english-main{color:var(--category-primary)}.word-transliteration-sub{color:#6c757d;font-size:14px;font-style:italic;margin-bottom:8px;text-align:center}.card-divider{background:linear-gradient(90deg,#0000 0,var(--category-light) 20%,var(--category-light) 80%,#0000 100%);height:2px;margin:8px 0;width:100%}.info-badges-grid{display:flex;flex-direction:column;gap:10px;margin-top:auto}.info-badge{align-items:center;background:#0d73770d;border:1px solid #0d737726;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .3s}.info-badge:hover{background:#0d73771a;border-color:#0d7377;transform:translateX(4px)}.badge-icon{flex-shrink:0;font-size:20px}.badge-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.badge-label{color:#6c757d;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-value{color:#1a1446;font-size:14px;font-weight:600}.root-badge{background:linear-gradient(135deg,#d4af371a,#f4d03f1a);border-color:#d4af374d;cursor:pointer}.root-badge:hover{background:linear-gradient(135deg,#d4af3733,#f4d03f33);border-color:#d4af37;transform:translateX(6px)}.root-badge .badge-value{color:#d4af37;direction:rtl;font-weight:700}.category-colored{background:var(--category-gradient)!important;border-color:var(--category-primary)!important;color:#fff!important}.category-colored .badge-label{color:#ffffffe6!important}.category-colored .badge-value{color:#fff!important;font-weight:700}.category-colored:hover{box-shadow:0 4px 12px #0003;transform:translateX(6px) scale(1.02)}.occurrence-badge .badge-value{color:#1a1446;font-weight:700}.word-difficulty{display:flex;gap:4px;justify-content:center;margin-top:2px}.diff-pip{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:50%;height:6px;transition:background .2s;width:6px}.diff-pip--on{background:#d4af37;background:var(--category-primary,#d4af37);border-color:#d4af37;border-color:var(--category-primary,#d4af37);box-shadow:0 0 5px #d4af3766}body:not(.dark-mode) .diff-pip{background:#0000001a;border-color:#00000014}body:not(.dark-mode) .diff-pip--on{background:#d4af37;background:var(--category-primary,#d4af37);border-color:#d4af37;border-color:var(--category-primary,#d4af37)}.card-hover-hint{align-items:center;background:var(--category-gradient);border-radius:20px;bottom:12px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;left:50%;opacity:0;padding:6px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s;white-space:nowrap}.word-card-colored:hover .card-hover-hint{bottom:16px;opacity:1}.hint-icon{font-size:14px}.word-card-colored:before{background:var(--category-gradient);border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.word-card-colored:hover:before{opacity:.1}@media (max-width:768px){.word-card-colored{min-height:260px;padding:20px}.word-arabic-main{font-size:36px;margin-top:12px}.word-english-main{font-size:18px}.word-transliteration-sub{font-size:13px}.badge-icon{font-size:18px}.badge-value{font-size:13px}}.dark-mode .word-card-colored{background:linear-gradient(135deg,#2c2c54,#1a1446);border-color:#ffffff1a}.dark-mode .word-card-colored:hover{border-color:var(--category-primary)}.dark-mode .word-card-colored.known{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:#66bb6a}.dark-mode .word-arabic-main{color:#fff}.dark-mode .word-card-colored:hover .word-arabic-main,.dark-mode .word-english-main{color:var(--category-light)}.dark-mode .word-card-colored:hover .word-english-main{color:var(--category-primary)}.dark-mode .word-transliteration-sub{color:#fff9}.dark-mode .info-badge{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .info-badge:hover{background:#ffffff1a}.dark-mode .badge-label{color:#ffffff80}.dark-mode .badge-value{color:#fff}.dark-mode .card-divider{background:linear-gradient(90deg,#0000 0,var(--category-primary) 20%,var(--category-primary) 80%,#0000 100%);opacity:.3}.word-card-colored{animation:cardFadeIn .5s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.word-card-colored:first-child{animation-delay:.05s}.word-card-colored:nth-child(2){animation-delay:.1s}.word-card-colored:nth-child(3){animation-delay:.15s}.word-card-colored:nth-child(4){animation-delay:.2s}.word-card-colored:nth-child(5){animation-delay:.25s}.word-card-colored:nth-child(6){animation-delay:.3s}.word-card-colored{backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 4px 24px #0006,inset 0 1px 0 #ffffff14!important;min-height:270px!important;overflow:hidden!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.word-card-colored:hover{background:#ffffff14!important;border-color:#d4af374d!important;border-color:rgba(var(--category-rgb,212,175,55),.3)!important;box-shadow:0 24px 56px #0000008c,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1a!important;transform:translateY(-10px)!important}.word-card-colored.known{background:#27ae6012!important;border-color:#66bb6a40!important}.category-color-strip{border-radius:20px 20px 0 0!important;height:3px!important;opacity:.85!important}.word-arabic-main{color:#f4e4c1f2!important;font-size:40px!important;text-shadow:0 0 20px #d4af3726!important;transition:all .3s ease!important}.word-card-colored:hover .word-arabic-main{color:#fff!important;text-shadow:0 0 24px #d4af3740!important;transform:scale(1.04)!important}.word-english-main{color:#ffffffe6!important;font-size:18px!important}.word-card-colored:hover .word-english-main{color:#fff!important}.word-transliteration-sub{color:#f4e4c1ad!important;font-size:13px!important}.card-divider{background:linear-gradient(90deg,#0000,#ffffff14,#0000)!important;height:1px!important}.info-badge{background:#ffffff0d!important;border:1px solid #ffffff17!important;border-radius:10px!important;transition:all .25s ease!important}.info-badge:hover{background:#ffffff17!important;border-color:#ffffff26!important;transform:translateX(3px)!important}.badge-label{color:#f4e4c1a6!important;font-size:10px!important;letter-spacing:.7px!important}.badge-value{color:#f4e4c1e0!important;font-size:13px!important}.root-badge{background:linear-gradient(135deg,#d4af371f,#f0c04014)!important;border-color:#d4af3740!important}.root-badge:hover{background:linear-gradient(135deg,#d4af3738,#f0c0402e)!important;border-color:#d4af3773!important;box-shadow:0 0 14px #d4af3733!important}.root-badge .badge-value{color:#d4af37!important}.known-indicator{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 2px 10px #27ae6066!important;height:28px!important;width:28px!important}.card-hover-hint{font-size:11px!important;font-weight:700!important;letter-spacing:.2px!important;opacity:0!important}.word-card-colored:hover .card-hover-hint{opacity:.9!important}@media (max-width:768px){.word-card-colored{border-radius:16px!important;min-height:240px!important;padding:18px!important}.word-arabic-main{font-size:34px!important}.word-english-main{font-size:16px!important}}body:not(.dark-mode) .word-card-colored{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #10b9811a!important;box-shadow:0 2px 10px #10b98112!important}body:not(.dark-mode) .word-card-colored:hover{background:#f0fdf4!important;border-color:#d4af3747!important;box-shadow:0 12px 32px #10b9811f!important}body:not(.dark-mode) .word-card-colored.known{background:#10b9810a!important;border-color:#10b98140!important}body:not(.dark-mode) .word-arabic-main{color:#064e3b!important;text-shadow:none!important}body:not(.dark-mode) .word-card-colored:hover .word-arabic-main{color:var(--category-primary)!important;text-shadow:none!important}body:not(.dark-mode) .word-english-main{color:#1e3a2f!important}body:not(.dark-mode) .word-transliteration-sub{color:#047857b3!important}body:not(.dark-mode) .card-divider{background:linear-gradient(90deg,#0000,#10b9811a,#0000)!important}body:not(.dark-mode) .info-badge{background:#10b9810d!important;border:1px solid #10b9811a!important}body:not(.dark-mode) .info-badge:hover{background:#10b98117!important;border-color:#10b98129!important}body:not(.dark-mode) .badge-label{color:#047857ad!important}body:not(.dark-mode) .badge-value{color:#064e3b!important}body:not(.dark-mode) .root-badge{background:linear-gradient(135deg,#d4af3714,#f0c0400d)!important;border-color:#d4af3733!important}body:not(.dark-mode) .root-badge:hover{background:linear-gradient(135deg,#d4af3729,#f0c0401f)!important;border-color:#d4af3759!important;box-shadow:0 0 10px #d4af371f!important}body:not(.dark-mode) .root-badge .badge-value{color:#b8860b!important}.wod-overlay{animation:wodFadeIn .3s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#000000e0;inset:0;justify-content:center;padding:20px;position:fixed;z-index:4000}.wod-overlay,.wod-wrapper{align-items:center;display:flex}.wod-wrapper{flex-direction:column;gap:14px;max-width:340px;position:relative;width:100%}.wod-close{align-items:center;background:#d4af371f;border:1.5px solid #d4af3766;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;font-size:15px;height:36px;justify-content:center;position:absolute;right:-14px;top:-14px;transition:background .2s,transform .25s;width:36px;z-index:10}.wod-close:hover{background:#d4af3747;transform:rotate(90deg)}.wod-card{animation:wodCardIn .5s cubic-bezier(.34,1.4,.64,1);background:linear-gradient(168deg,#21594a,#173d31 30%,#0d2820 65%,#081a14);border:2.5px solid #d4af37;border-radius:22px 22px 18px 18px;box-shadow:0 0 0 1px #d4af371a,0 0 24px #d4af3724,0 32px 80px #000000d9;overflow:hidden;padding:36px 28px 0;position:relative;text-align:center;width:100%}.wod-inner-frame{border:1px solid #d4af3738;border-radius:15px 15px 11px 11px;inset:8px;z-index:0}.wod-inner-frame,.wod-sparkle{pointer-events:none;position:absolute}.wod-sparkle{animation:wodTwinkle 2s ease-in-out 0s infinite;animation:wodTwinkle var(--dur,2s) var(--delay,0s) infinite ease-in-out;background:#d4af37;border-radius:50%;filter:blur(.5px);height:5px;width:5px;z-index:1}.wod-sparkle:after{background:#d4af374d;border-radius:50%;content:"";filter:blur(3px);inset:-2px;position:absolute}@keyframes wodTwinkle{0%,to{opacity:0;transform:scale(.2)}50%{opacity:.9;transform:scale(1)}}.wod-corner{color:#d4af37;font-size:16px;line-height:1;opacity:.65;position:absolute;z-index:2}.wod-corner--tl{left:16px;top:14px}.wod-corner--tr{right:16px;top:14px}.wod-corner--bl{bottom:96px;left:16px}.wod-corner--br{bottom:96px;right:16px}.wod-badge{align-items:center;color:#d4af37b3;display:flex;font-size:10px;font-weight:700;gap:8px;justify-content:center;letter-spacing:2.5px;margin-bottom:18px;position:relative;text-transform:uppercase;z-index:2}.wod-badge-gem{font-size:7px;opacity:.6}.wod-arabic{color:#d4af37;direction:rtl;font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:82px;font-weight:700;line-height:1.25;text-shadow:0 0 32px #d4af3780,0 0 8px #d4af3740,0 3px 10px #0009}.wod-arabic,.wod-translit{margin-bottom:2px;position:relative;z-index:2}.wod-translit{color:#c8a94e;font-size:26px;font-weight:400;letter-spacing:.5px}.wod-meaning{color:#d4af37b8;font-size:22px;font-weight:300;letter-spacing:.3px;margin-bottom:20px}.wod-divider,.wod-meaning{position:relative;z-index:2}.wod-divider{gap:10px;margin:0 24px 18px}.wod-divider-line{background:linear-gradient(90deg,#0000,#d4af3773,#0000);flex:1 1;height:1px}.wod-divider-gem{color:#d4af37a6;font-size:14px}.wod-brand{margin-bottom:14px;position:relative;z-index:2}.wod-brand-name{color:#d4af37;font-size:17px;font-weight:700;letter-spacing:1px}.wod-brand-sub{color:#d4af3780;font-size:10.5px;letter-spacing:.4px;line-height:1.5;margin-top:4px}.wod-mosque{color:#081610f2;line-height:0;margin-top:4px;position:relative;width:100%;z-index:2}.wod-mosque svg{display:block;filter:drop-shadow(0 -4px 12px rgba(212,175,55,.08));height:auto;width:100%}.wod-logo-mark{bottom:10px;color:#d4af3759;font-family:Amiri,serif;font-size:13px;left:50%;letter-spacing:1px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:3}.wod-date{color:#ffffff4d;font-size:11.5px;letter-spacing:.6px;text-align:center}.wod-actions{display:flex;gap:10px;width:100%}.wod-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:14px 12px;touch-action:manipulation;transition:all .25s}.wod-btn--share{background:#d4af371a;border:1.5px solid #d4af3766;color:#d4af37}.wod-btn--share.success,.wod-btn--share:hover{background:#d4af3733;border-color:#d4af37}.wod-btn--learn{background:linear-gradient(135deg,#0d7377,#14d9c4);box-shadow:0 4px 16px #0d737759;color:#fff}.wod-btn--learn:hover{box-shadow:0 6px 22px #0d737773;transform:translateY(-1px)}.wod-btn--learn.done{background:linear-gradient(135deg,#27ae60,#52c27b);box-shadow:0 4px 16px #27ae6059}@keyframes wodFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wodCardIn{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:480px){.wod-overlay{align-items:flex-end;padding:0}.wod-wrapper{gap:12px;max-width:100%;padding:0 0 12px}.wod-card{animation:wodSheetUp .38s cubic-bezier(.32,.72,0,1);border-radius:22px 22px 0 0;padding:30px 22px 0}.wod-card:after{background:#d4af3740;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:38px}.wod-close{right:14px;top:14px}.wod-arabic{font-size:66px}.wod-translit{font-size:22px}.wod-meaning{font-size:18px}.wod-actions{padding:0 16px env(safe-area-inset-bottom,8px)}}@keyframes wodSheetUp{0%{opacity:.85;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.landing-page{background:#07090f;color:#f0eee8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;opacity:0;overflow-x:hidden;transition:opacity .9s ease}.landing-page.visible{opacity:1}.lp-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.lp-orb{animation:orbDrift 18s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.22;position:absolute}.lp-orb-1{animation-duration:22s;background:radial-gradient(circle,#3d1f8f 0,#0000 70%);height:600px;left:-160px;top:-180px;width:600px}.lp-orb-2{animation-delay:-8s;animation-duration:28s;background:radial-gradient(circle,#0d7377 0,#0000 70%);height:500px;right:-140px;top:40%;width:500px}.lp-orb-3{animation-delay:-4s;animation-duration:20s;background:radial-gradient(circle,#7c4f00 0,#0000 70%);bottom:10%;height:400px;left:20%;width:400px}@keyframes orbDrift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.08)}}.lp-grid{background-image:radial-gradient(hsla(0,0%,100%,.045) 1px,#0000 0);background-size:36px 36px;inset:0;position:absolute}.lp-section-inner{margin:0 auto;max-width:1160px;padding:0 24px;position:relative;z-index:1}.lp-section-inner--narrow{max-width:780px}.lp-section-eyebrow{color:#14ffec;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 14px;opacity:.8;text-align:center;text-transform:uppercase}.lp-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1 30%,#d4af37 70%);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;margin:0 0 60px;text-align:center}.lp-skip{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #ffffff26;border-radius:50px;color:#ffffffd9;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;position:fixed;right:18px;top:18px;touch-action:manipulation;transition:background .25s,border-color .25s;z-index:900}.lp-skip:hover{background:#ffffff24;border-color:#ffffff4d}.lp-hero{justify-content:center;min-height:100vh;padding:100px 24px 80px;position:relative;z-index:1}.lp-hero,.lp-hero-inner{align-items:center;display:flex}.lp-hero-inner{animation:heroIn 1.1s cubic-bezier(.22,1,.36,1) both;flex-direction:column;gap:0;max-width:780px;text-align:center;width:100%}@keyframes heroIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lp-badge{align-items:center;background:#14ffec14;border:1px solid #14ffec38;border-radius:50px;color:#14ffece6;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;margin-bottom:36px;padding:7px 18px}.lp-badge-dot{animation:badgePulse 2s ease-in-out infinite;background:#14ffec;border-radius:50%;height:7px;width:7px}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.lp-logo{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:32px;position:relative;width:100px}.lp-logo-ring{animation:logoSpin 12s linear infinite;background:conic-gradient(from 0deg,#d4af37,#f4e4c1,#14ffec,#d4af37);border-radius:50%;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%);padding:2px;position:absolute}@keyframes logoSpin{to{transform:rotate(1turn)}}.lp-logo-glyph{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f4e4c1);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));font-family:Amiri,Scheherazade New,serif;font-size:52px;line-height:1;position:relative;z-index:1}.lp-headline{display:flex;flex-direction:column;gap:10px;margin:0 0 36px}.lp-headline-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f4e4c1 50%,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,6vw,68px);font-weight:900;letter-spacing:-.02em;line-height:1}.lp-headline-sub{color:#f0eee8b8;font-size:clamp(16px,2.5vw,22px);font-weight:400;letter-spacing:.01em}.lp-verse{background:#ffffff0a;border:1px solid #d4af372e;border-radius:20px;margin-bottom:32px;max-width:600px;padding:28px 32px;width:100%}.lp-verse-arabic{color:#d4af37;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:clamp(20px,3vw,26px);line-height:1.7;margin:0 0 10px}.lp-verse-translation{color:#f0eee8c7;font-size:14px;font-style:italic;line-height:1.5;margin:0 0 6px}.lp-verse-ref{color:#14ffec99;font-size:12px;letter-spacing:.05em;margin:0}.lp-progress-pill{align-items:center;animation:pillIn .8s ease-out .5s both;background:#14ffec12;border:1px solid #14ffec33;border-radius:60px;display:inline-flex;gap:16px;margin-bottom:28px;padding:14px 24px}@keyframes pillIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lp-progress-ring{flex-shrink:0;height:48px;position:relative;width:48px}.lp-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.lp-pr-track{fill:none;stroke:#14ffec26;stroke-width:3}.lp-pr-fill{fill:none;stroke:#14ffec;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .8s ease}.lp-pr-pct{align-items:center;color:#14ffec;display:flex;font-size:11px;font-weight:700;inset:0;justify-content:center;position:absolute}.lp-progress-text{display:flex;flex-direction:column;gap:3px;text-align:left}.lp-progress-text strong{color:#f0eee8;font-size:15px}.lp-progress-text span{color:#f0eee88c;font-size:12px}.lp-cta{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#c9a227,#f4e4c1 50%,#c9a227);background-position:0 0;background-size:200% 100%;border:none;border-radius:50px;box-shadow:0 8px 32px #d4af3759,0 2px 8px #0000004d;color:#0d0a00;cursor:pointer;display:inline-flex;font-size:17px;font-weight:700;gap:10px;letter-spacing:.02em;margin-bottom:36px;overflow:hidden;padding:18px 44px;position:relative;touch-action:manipulation;transition:transform .25s ease,box-shadow .25s ease,background-position .5s ease}.lp-cta:after{background:linear-gradient(135deg,#ffffff40,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.lp-cta:hover{background-position:100% 0;box-shadow:0 14px 40px #d4af378c,0 4px 12px #0000004d;transform:translateY(-3px)}.lp-cta:hover:after{opacity:1}.lp-cta:active{box-shadow:0 4px 16px #d4af374d;transform:translateY(0) scale(.96)}.lp-cta--large{font-size:19px;margin-bottom:0;padding:22px 56px}.lp-cta-arrow{display:inline-block;transition:transform .25s}.lp-cta:hover .lp-cta-arrow{transform:translateX(5px)}.lp-stats{align-items:center;animation:statsIn 1s ease-out 1.1s both;display:flex;gap:0}@keyframes statsIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-stat{align-items:center;display:flex;flex-direction:column;gap:4px;padding:0 28px}.lp-stat-num{color:#14ffec;font-size:26px;font-weight:800;line-height:1}.lp-stat-lbl{color:#f0eee880;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.lp-stat-divider{background:#ffffff1a;flex-shrink:0;height:36px;width:1px}.lp-scroll-cue{display:flex;justify-content:center;margin-top:52px}.lp-scroll-line{animation:scrollPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#14ffec80,#0000);height:56px;width:1px}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.lp-features{border-top:1px solid #ffffff0d;opacity:0;padding:120px 0;position:relative;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;z-index:1}.lp-features.revealed{opacity:1;transform:translateY(0)}.lp-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.lp-feature-card{animation:cardIn .6s ease-out calc(var(--card-i)*.08s) both paused;background:hsla(0,0%,100%,.035);border:1px solid #ffffff14;border-radius:20px;padding:36px 28px;transition:transform .3s ease,border-color .3s ease,background .3s ease}.lp-features.revealed .lp-feature-card{animation-play-state:running}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.lp-feature-card:hover{background:#ffffff0f;border-color:#d4af374d;transform:translateY(-6px)}.lp-feature-icon{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:38px;margin-bottom:18px}.lp-feature-title{color:#f4e4c1;font-size:17px;font-weight:700;margin:0 0 10px}.lp-feature-body{color:#f0eee89e;font-size:14px;line-height:1.65;margin:0}.lp-journey{border-top:1px solid #ffffff0d;opacity:0;padding:120px 0;position:relative;transform:translateY(40px);transition:opacity .8s ease .1s,transform .8s ease .1s;z-index:1}.lp-journey.revealed{opacity:1;transform:translateY(0)}.lp-steps{display:flex;flex-direction:column;gap:0;position:relative}.lp-steps-line{background:linear-gradient(180deg,#d4af3799,#14ffec4d,#0000);border-radius:2px;height:calc(100% - 56px);left:28px;position:absolute;top:28px;width:2px}.lp-step{align-items:flex-start;animation:stepIn .6s ease-out calc(var(--step-i)*.12s) both paused;display:flex;gap:28px;padding:28px 28px 28px 0}.lp-journey.revealed .lp-step{animation-play-state:running}@keyframes stepIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.lp-step-num{align-items:center;background:linear-gradient(135deg,#d4af37,#f4e4c1);border-radius:50%;box-shadow:0 4px 20px #d4af3766;color:#0d0a00;display:flex;flex-shrink:0;font-family:Amiri,serif;font-size:22px;font-weight:700;height:56px;justify-content:center;position:relative;width:56px;z-index:1}.lp-step-body{padding-top:10px}.lp-step-body h3{color:#f4e4c1;font-size:19px;font-weight:700;margin:0 0 8px}.lp-step-body p{color:#f0eee89e;font-size:15px;line-height:1.65;margin:0}.lp-final{border-top:1px solid #ffffff0d;opacity:0;overflow:hidden;padding:120px 0 100px;position:relative;text-align:center;transform:translateY(40px);transition:opacity .8s ease .15s,transform .8s ease .15s;z-index:1}.lp-final.revealed{opacity:1;transform:translateY(0)}.lp-final-glow{background:radial-gradient(ellipse at center,#d4af371f 0,#0000 65%);height:500px;left:50%;pointer-events:none;position:absolute;top:-160px;transform:translateX(-50%);width:700px}.lp-final-inner{align-items:center;display:flex;flex-direction:column;gap:0}.lp-final-arabic{color:#d4af37b3;font-family:Amiri,serif;font-size:clamp(18px,2.5vw,24px);letter-spacing:.04em;margin:0 0 24px}.lp-final-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#f4e4c1 70%);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.15;margin:0 0 16px;max-width:680px}.lp-final-sub{color:#f0eee880;font-size:15px;letter-spacing:.06em;margin:0 0 40px}.lp-final-verse{color:#d4af3799;font-family:Amiri,serif;font-size:17px;line-height:1.6;margin-top:48px}.lp-final-verse span{color:#f0eee859;display:block;font-family:-apple-system,sans-serif;font-size:13px;font-style:italic;margin-top:8px}@media (max-width:900px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.lp-hero{padding:90px 20px 60px}.lp-features,.lp-final,.lp-journey{padding:80px 0}.lp-features-grid{grid-template-columns:1fr}.lp-stats{gap:0}.lp-stat{padding:0 18px}.lp-stat-num{font-size:20px}.lp-verse{padding:20px}.lp-verse-arabic{font-size:18px}.lp-cta{justify-content:center;width:100%}.lp-cta--large{font-size:17px;padding:18px 32px}.lp-progress-pill{border-radius:20px;flex-direction:column;text-align:center}.lp-progress-text{align-items:center}.lp-steps-line{left:27px}.lp-step{padding-right:0}}.gms-container{margin:0 auto;max-width:860px;padding:24px 16px 60px}.gms-header{margin-bottom:28px;text-align:center}.gms-bismillah{color:#14ffec;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:22px;margin-bottom:10px}.gms-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:6px}.gms-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1 30%,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0}.gms-subtitle{color:#ffffff73;font-size:13px;margin:0}.gms-title-actions{gap:8px}.gms-share-btn,.gms-title-actions{align-items:center;display:flex;flex-shrink:0}.gms-share-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;font-size:16px;height:34px;justify-content:center;transition:all .18s ease;width:34px}.gms-share-btn:hover{background:#14ffec1a;border-color:#14ffec4d;transform:scale(1.08)}.gms-profile-badge{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#ffffffb3;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:5px;padding:5px 11px;transition:all .18s ease}.gms-profile-badge:hover{background:#14ffec12;border-color:#14ffec59;color:#fff}.gms-profile-badge--empty{border-style:dashed;color:#ffffff59}.gms-profile-icon{font-size:14px}.gms-profile-edit{font-size:11px;opacity:.55}.gms-milestone{align-items:center;animation:milestoneSlide .4s ease;background:linear-gradient(135deg,#f5c8421f,#fb923c14);border:1px solid #f5c8424d;border-radius:16px;display:flex;gap:14px;margin-bottom:14px;padding:14px 16px}@keyframes milestoneSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gms-milestone-icon{flex-shrink:0;font-size:28px}.gms-milestone-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.gms-milestone-text strong{color:#f5c842;font-size:14px}.gms-milestone-text span{color:#fff9;font-size:12.5px;line-height:1.4}.gms-milestone-dismiss{background:none;border:none;color:#ffffff4d;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:color .15s}.gms-milestone-dismiss:hover{color:#ffffffb3}.gms-rec-strip{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.gms-rec-strip::-webkit-scrollbar{display:none}.gms-rec-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:inherit;gap:6px;min-width:100px;padding:14px 18px;text-align:center;transition:all .18s ease}.gms-rec-btn:hover{transform:translateY(-2px)}.gms-rec-icon{font-size:26px}.gms-rec-title{color:#fff;font-size:13px;font-weight:700}.gms-rec-btn--blue{background:#4facfe14;border-color:#4facfe40}.gms-rec-btn--teal{background:#14ffec14;border-color:#14ffec40}.gms-rec-btn--purple{background:#a855f714;border-color:#a855f740}.gms-rec-btn--orange{background:#fb923c14;border-color:#fb923c40}.gms-rec-btn--yellow{background:#fbbf2414;border-color:#fbbf2440}.gms-rec-btn--red{background:#f8717114;border-color:#f8717140}.gms-rec-btn--green{background:#4ade8014;border-color:#4ade8040}.gms-rec-btn--gold{background:#f5c84214;border-color:#f5c84240}.gms-rec-btn--blue:hover{background:#4facfe24;border-color:#4facfe73}.gms-rec-btn--teal:hover{background:#14ffec24;border-color:#14ffec73}.gms-rec-btn--purple:hover{background:#a855f724;border-color:#a855f773}.gms-rec-btn--orange:hover{background:#fb923c24;border-color:#fb923c73}.gms-rec-btn--yellow:hover{background:#fbbf2424;border-color:#fbbf2473}.gms-rec-btn--red:hover{background:#f8717124;border-color:#f8717173}.gms-rec-btn--green:hover{background:#4ade8024;border-color:#4ade8073}.gms-rec-btn--gold:hover{background:#f5c84224;border-color:#f5c84273}.gms-rec-based{color:#ffffff59;font-size:11.5px;font-style:italic;margin:10px 0 0}.gms-rec-based strong{color:#ffffff8c;font-style:normal}.gms-daily-banner{align-items:center;background:linear-gradient(135deg,#14ffec1a,#a855f714);border:1px solid #14ffec40;border-radius:16px;cursor:pointer;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;padding:14px 18px;text-align:left;transition:border-color .18s ease,background .18s ease;width:100%}.gms-daily-banner:hover{background:linear-gradient(135deg,#14ffec24,#a855f71f);border-color:#14ffec80}.gms-daily-banner--done{background:#4ade8012;border-color:#4ade8033;cursor:default;gap:12px;justify-content:flex-start}.gms-daily-banner--done:hover{background:#4ade8017;border-color:#4ade804d}.gms-daily-left{align-items:center;display:flex;gap:12px}.gms-daily-icon{flex-shrink:0;font-size:22px}.gms-daily-text{display:flex;flex-direction:column;gap:2px}.gms-daily-title{color:#14ffec;font-size:14px;font-weight:700}.gms-daily-sub{color:#ffffff80;font-size:12px}.gms-daily-done-text{color:#86efac;font-size:14px;font-weight:600}.gms-daily-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.gms-daily-bar-track{background:#ffffff1a;border-radius:5px;height:5px;overflow:hidden;width:80px}.gms-daily-bar-fill{background:linear-gradient(90deg,#14ffec,#a855f7);border-radius:5px;height:100%;min-width:0;transition:width .5s ease}.gms-daily-arrow{color:#14ffec;font-size:16px;font-weight:700}.gms-progress-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;padding:18px 20px 16px}.gms-progress-top{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:10px}.gms-progress-counts{color:#ffffffbf;font-size:14px}.gms-progress-learned{color:#14ffec;font-size:22px;font-weight:800}.gms-progress-sep{color:#ffffff4d;margin:0 2px}.gms-progress-total{color:#ffffff80;font-size:15px;font-weight:600}.gms-progress-label{color:#ffffff73;font-size:13px;margin-left:4px}.gms-progress-right{align-items:center;display:flex;gap:10px}.gms-streak-pill{background:#fb923c26;border:1px solid #fb923c40;border-radius:20px;color:#fdba74}.gms-freeze-pill,.gms-streak-pill{font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.gms-freeze-pill{background:#60a5fa1f;border:1px solid #60a5fa38;border-radius:20px;color:#93c5fd;cursor:default}.gms-progress-pct{color:#f4e4c1;font-size:22px;font-weight:800}.gms-bar-track{background:#ffffff14;border-radius:8px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.gms-bar-fill{background:linear-gradient(90deg,#14ffec,#a855f7);border-radius:8px;height:100%;min-width:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.gms-motivation{color:#ffffff80;font-size:12.5px;font-style:italic;line-height:1.4;margin:0}.gms-section{margin-bottom:32px}.gms-section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.gms-section-icon{font-size:18px}.gms-section-title{color:#ffffff8c;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.gms-section-line{background:#ffffff1a;flex:1 1;height:1px}.gms-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.gms-grid-3{grid-template-columns:repeat(3,1fr)}@keyframes gms-card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gms-card{animation:gms-card-in .4s cubic-bezier(.22,1,.36,1) both;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px 18px 14px;position:relative;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.gms-card:before{border-radius:16px 0 0 16px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.gms-card:first-child{animation-delay:.04s}.gms-card:nth-child(2){animation-delay:.08s}.gms-card:nth-child(3){animation-delay:.12s}.gms-card:nth-child(4){animation-delay:.16s}.gms-card:nth-child(5){animation-delay:.2s}.gms-card:nth-child(6){animation-delay:.24s}.gms-card:hover{box-shadow:0 12px 32px #00000059;transform:translateY(-3px)}.gms-card-locked{cursor:not-allowed;opacity:.45}.gms-card-locked:hover{box-shadow:none;transform:none}.gms-lock-badge{background:#0000008c;color:#f4e4c1;font-size:11px}.gms-lock-badge,.gms-new-badge{border-radius:10px;padding:3px 8px;position:absolute;right:10px;top:10px}.gms-new-badge{background:linear-gradient(135deg,#f5c842,#fb923c);color:#000;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.gms-card-blue{background:#4facfe14;border-color:#4facfe33}.gms-card-blue:before{background:#4facfe}.gms-card-blue:hover{background:#4facfe21;border-color:#4facfe73;box-shadow:0 12px 32px #4facfe26}.gms-card-teal{background:#14ffec12;border-color:#14ffec2e}.gms-card-teal:before{background:#14ffec}.gms-card-teal:hover{background:#14ffec1f;border-color:#14ffec66;box-shadow:0 12px 32px #14ffec1f}.gms-card-purple{background:#a855f714;border-color:#a855f733}.gms-card-purple:before{background:#a855f7}.gms-card-purple:hover{background:#a855f721;border-color:#a855f773;box-shadow:0 12px 32px #a855f726}.gms-card-orange{background:#fb923c14;border-color:#fb923c33}.gms-card-orange:before{background:#fb923c}.gms-card-orange:hover{background:#fb923c21;border-color:#fb923c73;box-shadow:0 12px 32px #fb923c26}.gms-card-yellow{background:#fbbf2414;border-color:#fbbf2433}.gms-card-yellow:before{background:#fbbf24}.gms-card-yellow:hover{background:#fbbf2421;border-color:#fbbf2473;box-shadow:0 12px 32px #fbbf2426}.gms-card-red{background:#f8717114;border-color:#f8717133}.gms-card-red:before{background:#f87171}.gms-card-red:hover{background:#f8717121;border-color:#f8717173;box-shadow:0 12px 32px #f8717126}.gms-card-green{background:#4ade8014;border-color:#4ade8033}.gms-card-green:before{background:#4ade80}.gms-card-green:hover{background:#4ade8021;border-color:#4ade8073;box-shadow:0 12px 32px #4ade8026}.gms-card-gold{background:#f5c84214;border-color:#f5c84233}.gms-card-gold:before{background:#f5c842}.gms-card-gold:hover{background:#f5c84221;border-color:#f5c84273;box-shadow:0 12px 32px #f5c84226}.gms-card-icon{font-size:30px;line-height:1}.gms-card-body{flex:1 1}.gms-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.gms-card-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;margin:0}.gms-card-desc{color:#ffffffb8;font-size:12.5px;line-height:1.55;margin:0}.gms-tag{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.6px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.gms-tag-blue{background:#4facfe2e;color:#7ec8fd}.gms-tag-teal{background:#14ffec26;color:#14ffec}.gms-tag-purple{background:#a855f72e;color:#c084fc}.gms-tag-orange{background:#fb923c2e;color:#fdba74}.gms-tag-yellow{background:#fbbf242e;color:#fcd34d}.gms-tag-red{background:#f871712e;color:#fca5a5}.gms-tag-green{background:#4ade802e;color:#86efac}.gms-tag-gold{background:#f5c8422e;color:#f5c842}.gms-card-play{color:#ffffff59;font-size:12px;font-weight:700;text-align:right;transition:color .15s}.gms-card:hover .gms-card-play{color:#ffffffd9}.gms-card-blue:hover .gms-card-play{color:#4facfe}.gms-card-teal:hover .gms-card-play{color:#14ffec}.gms-card-purple:hover .gms-card-play{color:#c084fc}.gms-card-orange:hover .gms-card-play{color:#fdba74}.gms-card-yellow:hover .gms-card-play{color:#fcd34d}.gms-card-red:hover .gms-card-play{color:#fca5a5}.gms-card-green:hover .gms-card-play{color:#86efac}.gms-card-gold:hover .gms-card-play{color:#f5c842}body:not(.dark-mode) .gms-container{background:#f5f0e8;min-height:100vh}body:not(.dark-mode) .gms-bismillah{color:#0d7377}body:not(.dark-mode) .gms-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a3a2f 30%,#0d7377);-webkit-background-clip:text;background-clip:text}body:not(.dark-mode) .gms-subtitle{color:#00000073}body:not(.dark-mode) .gms-profile-badge{background:#0000000d;border-color:#0000001f;color:#000000a6}body:not(.dark-mode) .gms-profile-badge:hover{background:#0d737714;border-color:#0d7377;color:#0d7377}body:not(.dark-mode) .gms-profile-badge--empty{color:#00000059}body:not(.dark-mode) .gms-share-btn{background:#0000000a;border-color:#0000001f}body:not(.dark-mode) .gms-share-btn:hover{background:#0d73771a;border-color:#0d73774d}body:not(.dark-mode) .gms-milestone{background:linear-gradient(135deg,#f5c84226,#fb923c1a);border-color:#d4af3766}body:not(.dark-mode) .gms-milestone-text strong{color:#a07a00}body:not(.dark-mode) .gms-milestone-text span{color:#0000008c}body:not(.dark-mode) .gms-milestone-dismiss{color:#0000004d}body:not(.dark-mode) .gms-rec-btn{background:#0000000a;border-color:#0000001a}body:not(.dark-mode) .gms-rec-title{color:#1a1a1a}body:not(.dark-mode) .gms-rec-based{color:#0006}body:not(.dark-mode) .gms-rec-based strong{color:#0009}body:not(.dark-mode) .gms-daily-banner{background:linear-gradient(135deg,#0d737714,#a855f70d);border-color:#0d73774d}body:not(.dark-mode) .gms-daily-banner:hover{background:linear-gradient(135deg,#0d737721,#a855f714);border-color:#0d737780}body:not(.dark-mode) .gms-daily-banner--done{background:#22c55e0f;border-color:#22c55e40}body:not(.dark-mode) .gms-daily-title{color:#0d7377}body:not(.dark-mode) .gms-daily-sub{color:#00000080}body:not(.dark-mode) .gms-daily-done-text{color:#16a34a}body:not(.dark-mode) .gms-daily-bar-track{background:#00000014}body:not(.dark-mode) .gms-daily-arrow{color:#0d7377}body:not(.dark-mode) .gms-progress-card{background:#fff;border-color:#00000014;box-shadow:0 2px 12px #0000000d}body:not(.dark-mode) .gms-progress-counts{color:#000000b3}body:not(.dark-mode) .gms-progress-learned{color:#0d7377}body:not(.dark-mode) .gms-progress-sep{color:#00000040}body:not(.dark-mode) .gms-progress-total{color:#00000073}body:not(.dark-mode) .gms-progress-label{color:#0006}body:not(.dark-mode) .gms-streak-pill{background:#fb923c1f;border-color:#fb923c4d;color:#c45c00}body:not(.dark-mode) .gms-progress-pct{color:#1a3a2f}body:not(.dark-mode) .gms-bar-track{background:#00000012}body:not(.dark-mode) .gms-motivation{color:#0006}body:not(.dark-mode) .gms-section-title{color:#00000073}body:not(.dark-mode) .gms-section-line{background:#0000001a}body:not(.dark-mode) .gms-card{background:#fff;border-color:#00000017;box-shadow:0 2px 8px #0000000d}body:not(.dark-mode) .gms-card:hover{box-shadow:0 8px 24px #0000001f}body:not(.dark-mode) .gms-card-title{color:#111827}body:not(.dark-mode) .gms-card-desc{color:#0000008c}body:not(.dark-mode) .gms-card-play{color:#00000040}body:not(.dark-mode) .gms-card:hover .gms-card-play{color:#0009}body:not(.dark-mode) .gms-card-blue{background:#4facfe12;border-color:#4facfe40}body:not(.dark-mode) .gms-card-teal{background:#0d73770f;border-color:#0d737733}body:not(.dark-mode) .gms-card-purple{background:#a855f712;border-color:#a855f733}body:not(.dark-mode) .gms-card-orange{background:#fb923c14;border-color:#fb923c38}body:not(.dark-mode) .gms-card-yellow{background:#fbbf2414;border-color:#fbbf2438}body:not(.dark-mode) .gms-card-red{background:#dc26260f;border-color:#dc26262e}body:not(.dark-mode) .gms-card-green{background:#16a34a0f;border-color:#16a34a33}body:not(.dark-mode) .gms-card-gold{background:#d4af3714;border-color:#d4af3740}body:not(.dark-mode) .gms-tag-blue{background:#4facfe1f;color:#1565c0}body:not(.dark-mode) .gms-tag-teal{background:#0d73771a;color:#0d7377}body:not(.dark-mode) .gms-tag-purple{background:#a855f71f;color:#7c3aed}body:not(.dark-mode) .gms-tag-orange{background:#fb923c1f;color:#c45c00}body:not(.dark-mode) .gms-tag-yellow{background:#fbbf2426;color:#92620a}body:not(.dark-mode) .gms-tag-red{background:#dc26261a;color:#b91c1c}body:not(.dark-mode) .gms-tag-green{background:#16a34a1a;color:#15803d}body:not(.dark-mode) .gms-tag-gold{background:#d4af371f;color:#92620a}body:not(.dark-mode) .gms-lock-badge{background:#00000080;color:#fff}@media (max-width:600px){.gms-grid{grid-template-columns:1fr}.gms-title{font-size:22px}.gms-progress-card{padding:14px 16px 12px}.gms-progress-learned,.gms-progress-pct{font-size:18px}.gms-card-title{font-size:15px}.gms-card-desc{font-size:12px}}.ob-overlay{align-items:center;background:#07090ff2;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.ob-card{background:#0f1226;border:1px solid #ffffff1a;border-radius:24px;max-height:90vh;max-width:480px;overflow-y:auto;padding:32px 28px 24px;width:100%}.ob-dots{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.ob-dot{background:#ffffff26;border-radius:50%;height:8px;transition:all .25s ease;width:8px}.ob-dot--active{background:#14ffec;border-radius:4px;width:24px}.ob-dot--done{background:#14ffec66}.ob-bismillah{color:#14ffec;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:20px;margin-bottom:16px;opacity:.85;text-align:center}.ob-question{color:#fff;font-size:22px;font-weight:800;margin:0 0 8px;text-align:center}.ob-sub{color:#ffffff80;font-size:13px;margin:0 0 24px;text-align:center}.ob-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.ob-option{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:border-color .18s ease,background .18s ease;width:100%}.ob-option:hover{background:#14ffec0d;border-color:#14ffec4d}.ob-option--selected{background:#14ffec1a;border-color:#14ffec}.ob-option-icon{flex-shrink:0;font-size:24px;text-align:center;width:36px}.ob-option-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.ob-option-label{color:#fff;font-size:15px;font-weight:700}.ob-option-desc{color:#ffffff80;font-size:12px;line-height:1.4}.ob-option-check{color:#14ffec;flex-shrink:0;font-size:16px;font-weight:700;text-align:center;width:20px}.ob-next{background:#ffffff14;border:none;border-radius:14px;color:#ffffff59;cursor:not-allowed;font-size:15px;font-weight:700;margin-bottom:12px;padding:15px;transition:all .2s ease;width:100%}.ob-next--ready{background:linear-gradient(135deg,#14ffec,#a855f7);color:#000;cursor:pointer}.ob-next--ready:hover{opacity:.9;transform:translateY(-1px)}.ob-skip{color:#ffffff4d;cursor:pointer;font-size:12px;margin:0;text-align:center}.ob-skip:hover{color:#ffffff8c}@media (max-width:480px){.ob-card{border-radius:18px;padding:24px 18px 20px}.ob-question{font-size:19px}}.toast{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#14141eeb;border:1px solid #f5c84259;border-radius:100px;bottom:88px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a;display:flex;gap:10px;left:50%;padding:12px 22px;pointer-events:none;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}.toast--enter{animation:toastSlideUp .35s cubic-bezier(.34,1.56,.64,1) forwards}.toast--exit{animation:toastSlideDown .35s ease-in forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(16px) scale(.9)}}.toast-icon{font-size:20px;line-height:1}.toast-msg{color:#ffffffeb;font-size:14px;font-weight:600;letter-spacing:.2px}.pem-overlay{align-items:flex-end;animation:pem-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}@keyframes pem-fade-in{0%{opacity:0}to{opacity:1}}.pem-sheet{animation:pem-slide-up .3s cubic-bezier(.22,1,.36,1);background:#0f1219;border:1px solid #d4af3733;border-radius:24px 24px 0 0;max-height:90vh;max-width:520px;overflow-y:auto;padding:28px 20px 40px;width:100%}@keyframes pem-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pem-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.pem-title{color:#fff;font-size:20px;font-weight:800;margin:0}.pem-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;color:#ffffff8c;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.pem-close:hover{background:#ffffff1a;color:#fff}.pem-field{margin-bottom:20px}.pem-field-label{color:#d4af3799;font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0 0 10px;text-transform:uppercase}.pem-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.pem-opt{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:11px 12px;position:relative;text-align:left;transition:all .18s ease}.pem-opt:hover{background:#d4af370f;border-color:#d4af374d}.pem-opt--active{background:#d4af371a;border-color:#d4af3780}.pem-opt-icon{flex-shrink:0;font-size:18px}.pem-opt-label{color:#ffffffd9;flex:1 1;font-size:13px;font-weight:600}.pem-opt--active .pem-opt-label{color:#d4af37}.pem-opt-check{color:#d4af37;font-size:12px;font-weight:700}.pem-save{background:linear-gradient(135deg,#c49a28,#d4af37,#c49a28);border:none;border-radius:14px;color:#07090f;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.pem-save:hover{box-shadow:0 8px 24px #d4af3740;opacity:.9;transform:translateY(-1px)}.pem-sheet::-webkit-scrollbar{width:4px}.pem-sheet::-webkit-scrollbar-track{background:#0000}.pem-sheet::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:4px}.mh-banner{align-items:flex-start;animation:mh-slide-in .35s cubic-bezier(.22,1,.36,1);background:#14ffec0f;border:1px solid #14ffec33;border-radius:14px;display:flex;gap:12px;margin:0 0 20px;padding:14px 16px}@keyframes mh-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mh-icon{flex-shrink:0;font-size:20px;margin-top:1px}.mh-text{color:#14ffecd9;flex:1 1;font-size:13px;line-height:1.55;margin:0}.mh-dismiss{background:none;border:1px solid #14ffec40;border-radius:8px;color:#14ffecb3;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;padding:5px 10px;transition:all .15s ease;white-space:nowrap}.mh-dismiss:hover{background:#14ffec14;color:#14ffec}.sc-overlay{align-items:center;animation:sc-fade .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}.sc-modal{animation:sc-up .3s cubic-bezier(.22,1,.36,1);background:#0d1117;border:1px solid #d4af3733;border-radius:24px;max-width:420px;padding:28px 24px 24px;position:relative;width:100%}@keyframes sc-up{0%{opacity:0;transform:scale(.93) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sc-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .15s;width:30px}.sc-close:hover{background:#ffffff1a;color:#fff}.sc-label{color:#d4af378c;font-size:11px;font-weight:700;letter-spacing:1.5px;margin:0 0 16px;text-align:center;text-transform:uppercase}.sc-card{border:1px solid #d4af3740;border-radius:20px;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.sc-card-bg{background:linear-gradient(135deg,#0a1628,#0f1d2e 40%,#1a0a28);inset:0;position:absolute;z-index:0}.sc-card-bg:before{background:radial-gradient(ellipse 60% 40% at 20% 20%,#d4af371f 0,#0000 70%),radial-gradient(ellipse 50% 30% at 80% 80%,#14ffec12 0,#0000 70%);content:"";inset:0;position:absolute}.sc-card>*{position:relative;z-index:1}.sc-card-top{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sc-persona-icon{font-size:28px}.sc-app-name{color:#d4af37;font-size:18px;font-weight:900;letter-spacing:.5px;margin:0 0 2px}.sc-goal-text{color:#ffffff73;font-size:12px;margin:0}.sc-stat-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sc-stat{display:flex;flex:1 1;flex-direction:column;gap:3px;text-align:center}.sc-stat-num{color:#fff;font-size:22px;font-weight:800;line-height:1}.sc-stat-lbl{color:#fff6;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sc-stat-divider{background:#ffffff14;flex-shrink:0;height:32px;width:1px}.sc-bar-track{background:#ffffff14;border-radius:100px;height:4px;margin-bottom:20px;overflow:hidden}.sc-bar-fill{background:linear-gradient(90deg,#d4af37,#14ffec);border-radius:100px;height:100%;transition:width 1s ease}.sc-arabic{color:#d4af37cc;direction:rtl;font-family:Amiri,serif;font-size:18px;line-height:1.6;margin:0 0 4px;text-align:center}.sc-verse-ref{color:#ffffff40;font-size:10px;margin:0 0 14px;text-align:center}.sc-cta{color:#14ffec99;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}.sc-actions{display:flex;gap:10px;margin-bottom:12px}.sc-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;gap:6px;justify-content:center;padding:13px;transition:all .18s ease}.sc-btn--primary{background:linear-gradient(135deg,#c49a28,#d4af37);color:#07090f}.sc-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.sc-btn--whatsapp{background:#25d3661f;border:1px solid #25d36640;color:#25d366}.sc-btn--whatsapp:hover{background:#25d36633}.sc-tip{color:#fff3;font-size:11px;line-height:1.5;margin:0;text-align:center}.auth-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1446f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.auth-modal{animation:slideUp .4s;background:#fff;border-radius:24px;box-shadow:0 25px 70px #00000080;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%}.auth-close{background:#0000001a;border:none;border-radius:50%;color:#1a1446;cursor:pointer;font-size:20px;height:36px;position:absolute;right:16px;top:16px;transition:all .3s;width:36px;z-index:10}.auth-close:hover{background:#0003;transform:rotate(90deg)}.auth-header{background:linear-gradient(135deg,#1a1446,#0d7377);border-radius:24px 24px 0 0;color:#fff;padding:40px 32px 32px;text-align:center}.auth-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header h2{font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{font-size:15px;margin:0;opacity:.9}.auth-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{color:#1a1446;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{font-size:18px;left:16px;pointer-events:none;position:absolute;z-index:1}.input-wrapper input{background:#fff;border:2px solid #e8dacc;border-radius:12px;color:#2c3e50;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s;width:100%}.input-wrapper input:focus{border-color:#0d7377;box-shadow:0 0 0 4px #0d73771a;outline:none}.input-wrapper input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:8px;position:absolute;right:12px;transition:opacity .3s}.toggle-password:hover{opacity:1}.password-match,.password-strength{font-size:13px;margin-top:8px}.match-good,.strength-good{color:#27ae60;font-weight:600}.match-bad,.strength-weak{color:#e74c3c;font-weight:600}.auth-error{align-items:center;animation:shake .4s;background:#ffebee;border:2px solid #e74c3c;border-radius:12px;color:#c0392b;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{flex-shrink:0;font-size:20px}.form-footer{display:flex;justify-content:flex-end;margin-bottom:24px}.forgot-password-link{background:none;border:none;color:#0d7377;cursor:pointer;font-size:14px;font-weight:600;transition:color .3s}.forgot-password-link:hover{color:#14ffec;text-decoration:underline}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;box-shadow:0 4px 20px #0d73774d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 32px;transition:all .3s;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 25px #0d737766;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){filter:brightness(.85);transform:translateY(0) scale(.93)!important;transition:transform .06s ease-out,filter .06s ease-out!important}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{background:#f8f9fa;border-radius:0 0 24px 24px;border-top:1px solid #e9ecef;padding:24px 32px;text-align:center}.auth-footer p{color:#6c757d;font-size:14px;margin:0 0 12px}.auth-switch-btn{background:none;border:2px solid #0d7377;border-radius:10px;color:#0d7377;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.auth-switch-btn:hover{background:#0d7377;color:#fff;transform:translateY(-2px)}.auth-success{padding:48px 32px;text-align:center}.success-icon{animation:successPulse .6s;font-size:80px;margin-bottom:24px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-success h2{color:#1a1446;font-size:28px;margin:0 0 16px}.auth-success p{color:#6c757d;line-height:1.6;margin:0 0 16px}.email-badge{background:linear-gradient(135deg,#e7f0ff,#d4e9ff);border-radius:10px;color:#1971c2;display:inline-block;font-weight:600;margin-bottom:24px;padding:12px 20px}.verification-note{background:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-bottom:24px;padding:16px}.success-tips{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:24px;text-align:left}.success-tips h4{color:#1a1446;font-size:16px;margin:0 0 16px}.success-tips ul{list-style:none;margin:0;padding-left:0}.success-tips li{color:#495057;font-size:14px;padding:8px 0}@media (max-width:768px){.auth-modal{margin:10px;max-width:100%}.auth-header{padding:32px 24px 24px}.auth-icon{font-size:48px}.auth-header h2{font-size:24px}.auth-form{padding:24px}.auth-footer{padding:20px 24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fp-success-note{background:#0d737712;border:1px solid #0d737733;border-radius:12px;color:#0d7377d9;font-size:14px;line-height:1.6;margin-bottom:16px;padding:16px;text-align:center}.payment-success-page{align-items:center;background:linear-gradient(135deg,#0d7377,#14ffec);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.success-icon-wrapper{margin:0 auto 32px}.success-icon,.success-icon-wrapper{height:120px;position:relative;width:120px}.success-icon{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;color:#fff;display:flex;font-size:64px;font-weight:700;justify-content:center;z-index:2}.success-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#4caf5066,#0000);border-radius:50%;height:120px;left:0;position:absolute;top:0;width:120px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.success-title{color:#1a1446;font-size:36px;font-weight:700;margin-bottom:16px}.success-subtitle{color:#495057;font-size:18px;line-height:1.6;margin-bottom:32px}.unlocked-features{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.unlocked-features h3{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.unlocked-features ul{list-style:none;margin:0;padding:0}.unlocked-features li{border-bottom:1px solid #0000000d;color:#495057;font-size:16px;padding:10px 0}.unlocked-features li:last-child{border-bottom:none}.redirect-message{margin-bottom:24px}.redirect-message p{color:#6c757d;font-size:16px;margin-bottom:16px}.redirect-message strong{color:#0d7377;font-size:20px}.continue-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.continue-btn:hover{box-shadow:0 8px 20px #0d737766;transform:translateY(-2px)}.support-text{margin-top:24px}@media (max-width:768px){.success-card{padding:32px 24px}.success-title{font-size:28px}.success-subtitle{font-size:16px}.success-icon,.success-icon-wrapper{height:100px;width:100px}.success-icon{font-size:48px}.success-glow{height:100px;width:100px}}.payment-cancelled-page{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);display:flex;justify-content:center;min-height:100vh;padding:20px}.cancelled-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.cancel-icon-wrapper{height:120px;margin:0 auto 32px;position:relative;width:120px}.cancel-icon{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#6c757d,#495057);border-radius:50%;color:#fff;display:flex;font-size:64px;font-weight:700;height:120px;justify-content:center;width:120px}@keyframes scaleIn{0%{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}.cancel-title{color:#1a1446;font-size:36px;font-weight:700;margin-bottom:16px}.cancel-subtitle{color:#495057;font-size:18px;margin-bottom:24px}.cancel-message{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;margin-bottom:32px;padding:24px}.cancel-message p{color:#495057;font-size:16px;line-height:1.6;margin-bottom:12px}.cancel-message p:last-child{color:#0d7377;font-weight:600;margin-bottom:0}.why-subscribe{background:linear-gradient(135deg,#0d73771a,#14ffec1a);border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.why-subscribe h3{color:#1a1446;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.why-subscribe ul{list-style:none;margin:0;padding:0}.why-subscribe li{border-bottom:1px solid #0000000d;color:#495057;font-size:16px;padding:10px 0}.why-subscribe li:last-child{border-bottom:none}.cancel-actions{display:flex;gap:16px;margin-bottom:24px}.return-btn,.try-again-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 24px;transition:all .3s}.try-again-btn{background:linear-gradient(135deg,#0d7377,#14ffec);color:#fff}.try-again-btn:hover{box-shadow:0 8px 20px #0d737766;transform:translateY(-2px)}.return-btn{background:#fff;border:2px solid #e9ecef;color:#495057}.return-btn:hover{background:#f8f9fa;border-color:#dee2e6}.support-text{color:#6c757d;font-size:14px}@media (max-width:768px){.cancelled-card{padding:32px 24px}.cancel-title{font-size:28px}.cancel-subtitle{font-size:16px}.cancel-icon,.cancel-icon-wrapper{height:100px;width:100px}.cancel-icon{font-size:48px}.cancel-actions{flex-direction:column}.return-btn,.try-again-btn{width:100%}}.mission-page{background:linear-gradient(135deg,#1a1446,#0d0b2e);color:#f4e4c1;font-family:Inter,sans-serif;margin:0 auto;max-width:780px;min-height:100vh;padding:24px 20px 60px}.mission-back-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;color:#f4e4c1;cursor:pointer;font-size:14px;margin-bottom:36px;padding:8px 18px;transition:background .2s}.mission-back-btn:hover{background:#ffffff24}.mp-hero{margin-bottom:48px;text-align:center}.mp-bismillah{color:#14ffec;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:26px;margin-bottom:20px}.mp-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 14px}.mp-subtitle{font-size:16px;line-height:1.6;margin:0 auto;max-width:560px;opacity:.75}.mp-body{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:48px;padding:32px}.mp-body p{font-size:16px;line-height:1.8;margin:0 0 20px;opacity:.88}.mp-body p:last-child{margin-bottom:0}.mp-body em{color:#14ffec;font-style:italic}.mp-body strong{color:#f4e4c1}.mp-quote{background:#14ffec0f;border-left:3px solid #14ffec;border-radius:0 10px 10px 0;margin:28px 0;padding:16px 20px}.mp-quote-arabic{color:#14ffec;direction:rtl;display:block;font-family:Amiri,serif;font-size:22px;margin-bottom:8px}.mp-quote-translation{font-size:13px;font-style:italic;opacity:.7}.mp-tagline{font-size:15px!important;margin-top:24px!important;opacity:.7!important;text-align:center}.mp-audience{margin-bottom:48px}.mp-audience-title{color:#f4e4c1;font-size:22px;font-weight:700;margin:0 0 28px;text-align:center}.mp-audience-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mp-audience-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;padding:22px 18px;transition:border-color .2s,transform .2s}.mp-audience-card:hover{border-color:#14ffec4d;transform:translateY(-2px)}.mp-audience-icon{font-size:28px;margin-bottom:10px}.mp-audience-card h3{color:#f4e4c1;font-size:15px;font-weight:600;margin:0 0 8px}.mp-audience-card p{font-size:13px;line-height:1.6;margin:0;opacity:.72}.mp-footer-verse{border-top:1px solid #ffffff14;color:#f4e4c180;display:flex;flex-direction:column;font-family:Amiri,serif;font-size:20px;gap:8px;padding-top:32px;text-align:center}.mp-footer-verse span{font-family:Inter,sans-serif;font-size:12px;font-style:italic;opacity:.5}@media (max-width:520px){.mp-title{font-size:26px}.mp-body{padding:22px 18px}.mp-audience-grid{grid-template-columns:1fr}}.community-page{background:linear-gradient(135deg,#1a1446,#0d0b2e);color:#f4e4c1;font-family:Inter,sans-serif;margin:0 auto;max-width:780px;min-height:100vh;padding:24px 20px 60px}.cp-back-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;color:#f4e4c1;cursor:pointer;font-size:14px;margin-bottom:36px;padding:8px 18px;transition:background .2s}.cp-back-btn:hover{background:#ffffff24}.cp-hero{margin-bottom:48px;text-align:center}.cp-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 14px}.cp-subtitle{font-size:16px;line-height:1.6;margin:0 auto;max-width:580px;opacity:.75}.cp-subtitle em{-webkit-text-fill-color:#14ffec;color:#14ffec;font-style:italic}.cp-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:32px;padding:36px 32px}.cp-section-badge{font-size:36px;margin-bottom:14px}.cp-section-title{color:#f4e4c1;font-size:22px;font-weight:700;margin:0 0 14px}.cp-section-body{font-size:15px;line-height:1.7;margin:0 0 28px;opacity:.82}.cp-perks{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.cp-perk{align-items:flex-start;display:flex;gap:14px}.cp-perk-icon{flex-shrink:0;font-size:22px;margin-top:2px}.cp-perk div{display:flex;flex-direction:column;gap:2px}.cp-perk strong{color:#f4e4c1;font-size:15px}.cp-perk span{font-size:13px;opacity:.65}.cp-btn{border-radius:30px;display:inline-block;font-size:15px;font-weight:600;padding:13px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s}.cp-btn-primary{background:linear-gradient(135deg,#d4af37,#f4c842);color:#1a1446}.cp-btn-primary:hover{box-shadow:0 8px 24px #d4af3759;transform:translateY(-2px)}.cp-divider{border:none;border-top:1px solid #ffffff14;margin:0 0 32px}.cp-feedback-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.cp-feedback-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;color:#f4e4c1;display:flex;flex-direction:column;gap:6px;padding:20px 18px;text-decoration:none;transition:border-color .2s,transform .2s}.cp-feedback-card:hover{border-color:#14ffec59;transform:translateY(-2px)}.cp-feedback-icon{font-size:26px;margin-bottom:4px}.cp-feedback-card strong{font-size:14px;font-weight:600}.cp-feedback-card span{font-size:12px;line-height:1.5;opacity:.6}.cp-footer-note{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px;margin-top:48px;padding-top:32px;text-align:center}.cp-footer-note em{color:#d4af37;font-family:Amiri,serif;font-size:22px;font-style:normal}.cp-footer-note span{font-size:13px;font-style:italic;opacity:.5}@media (max-width:520px){.cp-section{padding:24px 18px}.cp-feedback-grid{grid-template-columns:1fr}.cp-title{font-size:26px}}.wod-page{background:#07090f;color:#ffffffe0;font-family:Inter,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.wod-orb{background:radial-gradient(circle,#f5c84212 0,#0000 70%);height:560px;left:50%;pointer-events:none;position:fixed;top:15%;transform:translateX(-50%);width:560px;z-index:0}.wod-header{padding:52px 24px 40px;position:relative;text-align:center;z-index:1}.wod-header-rule{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:14px}.wod-header-rule:after,.wod-header-rule:before{background:#d4af3766;content:"";height:1px;width:44px}.wod-header-star{color:#d4af37;font-size:16px}.wod-header-brand{color:#d4af3799;font-size:11px;letter-spacing:4px;margin:0 0 10px;text-transform:uppercase}.wod-header-title{color:#fff;font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.wod-header-sub{color:#d4af37a6;font-size:14px;font-style:italic;margin:0}.wod-container{margin:0 auto;max-width:720px;padding:0 20px 80px;position:relative;z-index:1}.wod-card{background:#ffffff0a;border:1px solid #d4af372e;border-radius:20px;padding:36px 32px}.wod-card-eyebrow{color:#ffffff4d;font-size:11px;letter-spacing:3px;margin:0 0 28px;text-align:center;text-transform:uppercase}.wod-fields{gap:20px;margin-bottom:4px}.wod-field,.wod-fields{display:flex;flex-direction:column}.wod-field{gap:6px}.wod-label{color:#d4af37;font-size:12.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.wod-label--optional{color:#d4af378c}.wod-req{color:#f87171}.wod-input{background:#ffffff0d;border:1px solid #d4af3733;border-radius:10px;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:13px 16px;transition:border-color .18s ease,background .18s ease}.wod-input[dir=rtl]{font-family:Amiri,Scheherazade New,serif;font-size:20px;line-height:1.5}.wod-input:focus{background:#d4af370d;border-color:#d4af3799}.wod-input--optional{background:#ffffff08;border-color:#d4af371f}.wod-input--optional:focus{border-color:#d4af3766}.wod-hint{color:#ffffff40;font-size:11px;margin:0}.wod-divider{align-items:center;display:flex;gap:12px;margin:28px 0 20px}.wod-divider:after,.wod-divider:before{background:#d4af371f;content:"";flex:1 1;height:1px}.wod-divider span{color:#d4af3759;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap}.wod-generate-btn{background:#d4af3712;border:1px solid #d4af3733;border-radius:12px;color:#d4af374d;cursor:not-allowed;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:2px;margin-top:28px;padding:16px;text-transform:uppercase;transition:all .25s ease;width:100%}.wod-generate-btn--ready{background:linear-gradient(135deg,#c49a28,#d4af37,#c49a28);background-size:200% 100%;border-color:#d4af3780;color:#0a1f12;cursor:pointer}.wod-generate-btn--ready:hover{box-shadow:0 8px 24px #d4af3733;opacity:.9;transform:translateY(-1px)}.wod-generate-note{color:#fff3;font-size:12px;margin:10px 0 0;text-align:center}.wod-results{display:flex;flex-direction:column;gap:16px}.wod-summary{background:#d4af3712;border:1px solid #d4af3740;border-radius:16px;padding:24px 28px;text-align:center}.wod-summary-eyebrow{color:#d4af378c;font-size:11px;letter-spacing:3px;margin:0 0 12px;text-transform:uppercase}.wod-summary-arabic{color:#d4af37;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:44px;line-height:1.3}.wod-summary-translit{color:#fff;font-size:18px;font-weight:600;margin:6px 0 4px}.wod-summary-meaning{color:#d4af37bf;font-size:15px;font-style:italic}.wod-summary-ref{color:#ffffff59;font-size:12px;margin-top:8px}.wod-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.wod-tab{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;padding:12px 14px;text-align:left;transition:all .18s ease}.wod-tab:hover{background:#d4af370d;border-color:#d4af374d}.wod-tab--active{background:#d4af371a;border-color:#d4af3780}.wod-tab-icon{font-size:18px;margin-bottom:2px}.wod-tab-name{color:#fff;font-size:13px;font-weight:700}.wod-tab--active .wod-tab-name{color:#d4af37}.wod-tab-size{color:#ffffff4d;font-family:monospace;font-size:10px}.wod-prompt-card{background:#ffffff08;border:1px solid #d4af372e;border-radius:14px;overflow:hidden}.wod-prompt-header{align-items:center;background:#d4af370d;border-bottom:1px solid #d4af371a;display:flex;justify-content:space-between;padding:12px 18px}.wod-prompt-title{color:#d4af37;font-size:13px;font-weight:600;letter-spacing:.5px}.wod-prompt-size{color:#ffffff4d;font-family:monospace;font-size:11px}.wod-prompt-body{color:#ffffffad;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.85;margin:0;max-height:380px;overflow-y:auto;padding:20px 22px;white-space:pre-wrap}.wod-prompt-body::-webkit-scrollbar{width:4px}.wod-prompt-body::-webkit-scrollbar-track{background:#0000}.wod-prompt-body::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:4px}.wod-copy-btn{background:linear-gradient(135deg,#c49a28,#d4af37,#c49a28);border:1px solid #d4af3766;border-radius:12px;color:#0a1f12;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1.5px;padding:15px;text-transform:uppercase;transition:all .25s ease;width:100%}.wod-copy-btn:hover{opacity:.9;transform:translateY(-1px)}.wod-copy-btn--done{background:#4ade801f;border-color:#4ade8059;color:#86efac}.wod-reset-btn{background:#0000;border:1px solid #ffffff14;border-radius:12px;color:#ffffff59;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:.5px;padding:13px;transition:all .18s ease;width:100%}.wod-reset-btn:hover{border-color:#ffffff2e;color:#ffffffa6}.wod-howto{background:#d4af370a;border:1px solid #d4af371f;border-radius:14px;padding:20px 24px}.wod-howto-title{color:#d4af378c;font-size:11px;letter-spacing:2.5px;margin:0 0 14px;text-transform:uppercase}.wod-howto-list{display:flex;flex-direction:column;gap:7px;margin:0;padding-left:18px}.wod-howto-list li{color:#ffffff73;font-size:13px;line-height:1.5}@media (max-width:520px){.wod-card{padding:24px 18px}.wod-tabs{grid-template-columns:1fr}.wod-summary-arabic{font-size:36px}}.auth-prompt-modal{max-width:500px}.auth-prompt-content{padding:20px;text-align:center}.auth-prompt-icon{animation:bounce 1s ease-in-out;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-prompt-content h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px}.auth-prompt-text{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:30px}.auth-prompt-benefits{background:#ffffff0d;border-radius:12px;margin-bottom:30px;padding:20px;text-align:left}.auth-prompt-benefits h4{color:#14ffec;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.auth-prompt-benefits ul{list-style:none;margin:0;padding:0}.auth-prompt-benefits li{border-bottom:1px solid #ffffff0d;color:#ffffffe6;font-size:14px;padding:8px 0}.auth-prompt-benefits li:last-child{border-bottom:none}.auth-prompt-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.auth-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:16px;text-transform:uppercase;transition:all .3s;width:100%}.auth-btn.primary{background:linear-gradient(135deg,#0d7377,#14ffec);box-shadow:0 6px 20px #14ffec66;color:#fff}.auth-btn.primary:hover{box-shadow:0 8px 24px #14ffec99;transform:translateY(-2px)}.auth-btn.secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.auth-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.auth-prompt-note{color:#fff9;font-size:13px;font-style:italic}@media (max-width:768px){.auth-prompt-icon{font-size:48px}.auth-prompt-content h2{font-size:24px}}.locked-word-card{align-items:center;background:linear-gradient(145deg,#1a1446eb,#2d1b69e0 50%,#0d2a2eeb);border:1px solid #d4af3759;border-radius:16px;box-shadow:0 4px 20px #00000040,inset 0 1px 0 #ffffff0f;cursor:pointer;display:flex;justify-content:center;min-height:190px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.locked-word-card:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);border-radius:999px;content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.locked-word-card:hover{border-color:#d4af37a6;box-shadow:0 12px 32px #00000059,0 0 0 1px #d4af3733,inset 0 1px 0 #ffffff1a;transform:translateY(-4px) scale(1.01)}.word-preview-blurred{filter:blur(6px);left:18px;opacity:.2;pointer-events:none;position:absolute;right:18px;top:18px}.arabic-blurred{color:#d4af37;font-size:26px;font-weight:700;letter-spacing:4px;margin-bottom:6px;text-align:center}.transliteration-blurred{color:#f4e4c199;font-size:14px;letter-spacing:3px;margin-bottom:4px;text-align:center}.meaning-blurred{color:#f4e4c166;font-size:13px;letter-spacing:2px;text-align:center}.premium-overlay-card{align-items:center;display:flex;flex-direction:column;gap:10px;position:relative;text-align:center;z-index:2}.lock-icon-large{animation:lockFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(212,175,55,.5));font-size:36px}@keyframes lockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.premium-text{display:flex;flex-direction:column;gap:3px}.premium-text strong{color:#f4e4c1;font-size:15px;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 4px #0006}.premium-text span{color:#d4af37d9;font-size:12px;font-weight:500}.unlock-btn-card{background:linear-gradient(135deg,#b8860b,#d4af37 50%,#f0c040);border:none;border-radius:20px;box-shadow:0 3px 12px #d4af3766,inset 0 1px 0 #ffffff4d;color:#1a1446;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.2px;margin-top:2px;padding:9px 22px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.unlock-btn-card:hover{box-shadow:0 6px 20px #d4af378c;transform:translateY(-2px) scale(1.04)}.unlock-btn-card:active{transform:scale(.95)}.premium-badge-corner{animation:starTwinkle 2.5s ease-in-out infinite;font-size:18px;opacity:.6;position:absolute;right:10px;top:10px}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}}@media (max-width:480px){.locked-word-card{min-height:160px;padding:14px}.lock-icon-large{font-size:30px}.premium-text strong{font-size:14px}.unlock-btn-card{font-size:12px;padding:8px 18px}}.app-info-sections{background:#0b0918;color:#fff;overflow-x:hidden}.landing-mission{background:linear-gradient(160deg,#1a1446f7,#0d2a2ef7);overflow:hidden;padding:80px 24px;position:relative}.landing-mission:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.mission-container{margin:0 auto;max-width:780px;text-align:center}.mission-bismillah{color:#d4af37;font-size:28px;letter-spacing:2px;margin-bottom:32px;text-shadow:0 2px 12px #d4af3766}.mission-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin-bottom:32px}.mission-body{color:#f4e4c1d9;font-size:17px;line-height:1.85;margin-bottom:20px;text-align:left}.mission-body strong{color:#14ffec;font-weight:700}.mission-body em{color:#d4af37;font-style:italic}.mission-quote{background:#d4af3714;border:1px solid #d4af3740;border-left:4px solid #d4af37;border-radius:12px;margin:32px 0;padding:24px 28px;text-align:center}.mission-quote-arabic{color:#d4af37;display:block;font-size:26px;letter-spacing:1px;margin-bottom:10px}.mission-quote-translation{color:#f4e4c1b3;font-size:14px;font-style:italic}.mission-tagline{color:#f4e4c1e6;font-size:18px;font-weight:500;margin-top:8px}.mission-tagline strong{color:#14ffec}.landing-audience{background:#0b0918fa;padding:80px 24px}.audience-container{margin:0 auto;max-width:960px}.audience-title{color:#f4e4c1;font-size:32px;font-weight:800;margin-bottom:48px;text-align:center}.audience-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.audience-card{background:linear-gradient(145deg,#1a1446cc,#0d2a2ecc);border:1px solid #d4af3733;border-radius:20px;padding:28px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.audience-card:hover{border-color:#d4af3773;box-shadow:0 16px 40px #00000059;transform:translateY(-6px)}.audience-icon{font-size:36px;margin-bottom:14px}.audience-card h3{color:#d4af37;font-size:18px;font-weight:700;margin-bottom:10px}.audience-card p{color:#f4e4c1bf;font-size:15px;line-height:1.7}.landing-ambassador{background:linear-gradient(160deg,#0d737726,#1a1446fa);padding:80px 24px;position:relative}.landing-ambassador:before{background:linear-gradient(90deg,#0000,#14ffec,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.ambassador-container{margin:0 auto;max-width:720px;text-align:center}.ambassador-badge{font-size:52px;margin-bottom:20px}.ambassador-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:16px}.ambassador-subtitle{color:#f4e4c1cc;font-size:16px;line-height:1.7;margin-bottom:36px}.ambassador-perks{display:flex;flex-direction:column;gap:16px;margin-bottom:36px;text-align:left}.ambassador-perk{align-items:flex-start;background:#ffffff0a;border:1px solid #14ffec1f;border-radius:14px;display:flex;gap:16px;padding:18px 20px}.perk-icon{flex-shrink:0;font-size:24px;margin-top:2px}.ambassador-perk strong{color:#f4e4c1;display:block;font-size:15px;font-weight:700;margin-bottom:4px}.ambassador-perk span{color:#f4e4c199;font-size:13px;line-height:1.5}.ambassador-btn{background:linear-gradient(135deg,#0d7377,#14ffec);border-radius:50px;box-shadow:0 6px 24px #0d737766;color:#0b1220;display:inline-block;font-size:16px;font-weight:700;letter-spacing:.3px;padding:16px 36px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ambassador-btn:hover{box-shadow:0 10px 32px #0d73778c;transform:translateY(-3px) scale(1.03)}.landing-feedback{background:#0b0918fa;padding:72px 24px}.feedback-container{margin:0 auto;max-width:640px;text-align:center}.feedback-icon{font-size:44px;margin-bottom:16px}.feedback-title{color:#f4e4c1;font-size:30px;font-weight:800;margin-bottom:14px}.feedback-subtitle{color:#f4e4c1b8;font-size:15px;line-height:1.75;margin-bottom:32px}.feedback-subtitle em{color:#d4af37;font-style:italic}.feedback-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.feedback-btn{border-radius:50px;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.2px;padding:13px 24px;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.feedback-btn-primary{background:linear-gradient(135deg,#b8860b,#d4af37);box-shadow:0 4px 16px #d4af3759;color:#1a1446}.feedback-btn-primary:hover{box-shadow:0 8px 24px #d4af3780;transform:translateY(-2px) scale(1.04)}.feedback-btn-secondary{background:#ffffff0f;border:1px solid #ffffff24;color:#f4e4c1d9}.feedback-btn-secondary:hover{background:#ffffff1c;color:#f4e4c1;transform:translateY(-2px)}.landing-contact{background:linear-gradient(160deg,#1a1446fc,#0b0918);border-top:1px solid #d4af3726;padding:72px 24px 48px}.contact-container{margin:0 auto;max-width:960px}.contact-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.contact-heading{color:#d4af37;font-size:14px;font-weight:700;letter-spacing:1.4px;margin-bottom:14px;text-transform:uppercase}.contact-text{color:#f4e4c1a6;font-size:14px;line-height:1.7;margin-bottom:12px}.contact-email{border-bottom:1px solid #14ffec4d;color:#14ffec;display:inline-block;font-size:14px;font-weight:600;padding-bottom:2px;text-decoration:none;transition:border-color .2s}.contact-email:hover{border-color:#14ffec}.contact-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.contact-links a{color:#f4e4c1a6;font-size:14px;text-decoration:none;transition:color .2s}.contact-links a:hover{color:#d4af37}.contact-dua{color:#f4e4c180;font-size:13px;font-style:italic;line-height:1.6}.mission-page-link{background:none;border:1px solid #14ffec66;border-radius:20px;color:#14ffec;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-top:12px;padding:8px 16px;transition:background .2s,border-color .2s}.mission-page-link:hover{background:#14ffec14;border-color:#14ffec}.landing-community-teaser{padding:0 20px 40px}.community-teaser-inner{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;margin:0 auto;max-width:800px;padding:24px 28px}.community-teaser-icons{flex-shrink:0;font-size:32px}.community-teaser-text{flex:1 1}.community-teaser-text h3{color:#f4e4c1;font-size:16px;font-weight:700;margin:0 0 4px}.community-teaser-text p{font-size:13px;line-height:1.5;margin:0;opacity:.68}.community-teaser-btn{background:none;border:1px solid #d4af3780;border-radius:20px;color:#d4af37;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:9px 18px;transition:background .2s,border-color .2s;white-space:nowrap}.community-teaser-btn:hover{background:#d4af371a;border-color:#d4af37}.footer-nav-link{background:none;border:none;color:#f4e4c1b3;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s}.footer-nav-link:hover{color:#d4af37}@media (max-width:520px){.community-teaser-inner{flex-direction:column;text-align:center}}.contact-footer{border-top:1px solid #ffffff12;padding-top:32px;text-align:center}.footer-logo{color:#d4af37;font-size:22px;font-weight:800;margin-bottom:8px}.footer-copy{color:#f4e4c166;font-size:13px;margin-bottom:8px}.footer-legal{color:#f4e4c14d;font-size:11px;line-height:1.6;margin:0 auto 10px;max-width:600px}.footer-attribution{border-top:1px solid #f4e4c114;color:#f4e4c140;font-size:10.5px;line-height:1.65;margin:0 auto 12px;max-width:600px;padding-top:10px}.footer-attribution strong{color:#f4e4c166;font-weight:600}.footer-attribution em{font-style:italic}.footer-link{color:#d4af3780;text-decoration:underline;text-underline-offset:2px}.footer-verse{color:#f4e4c14d;font-size:12px;font-style:italic}@media (max-width:768px){.landing-ambassador,.landing-audience,.landing-contact,.landing-feedback,.landing-mission{padding:56px 18px}.ambassador-title,.audience-title,.feedback-title,.mission-title{font-size:26px}.mission-bismillah{font-size:22px}.mission-body{font-size:15px}.audience-grid,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:28px}.feedback-options{align-items:stretch;flex-direction:column}.ambassador-btn,.feedback-btn{text-align:center}.ambassador-btn{display:block}}.paywall-container{align-items:center;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:10000}.paywall-overlay{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#1a1446f7,#2d1b69f2 50%,#0d7377ed);inset:0;position:fixed}.paywall-content{animation:paywallReveal .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#ffffff12,#ffffff08);border:1px solid #d4af3759;border-radius:24px;box-shadow:0 0 0 1px #14ffec14,0 24px 64px #0009,inset 0 1px 0 #ffffff1a;max-height:92vh;max-width:520px;overflow-y:auto;padding:40px 36px 32px;position:relative;scrollbar-color:#d4af374d #0000;scrollbar-width:thin;text-align:center;width:100%}.paywall-content::-webkit-scrollbar{width:4px}.paywall-content::-webkit-scrollbar-track{background:#0000}.paywall-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}@keyframes paywallReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.paywall-content:before{background:linear-gradient(90deg,#0000,#d4af37,#14ffec,#0000);border-radius:999px;content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:60%}.paywall-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#d4af3733,#14ffec14);border:1px solid #d4af3766;border-radius:50%;box-shadow:0 0 24px #d4af3733,inset 0 1px 0 #ffffff26;display:inline-flex;font-size:44px;height:88px;justify-content:center;margin:0 auto 24px;width:88px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-6px) rotate(2deg)}66%{transform:translateY(-3px) rotate(-1deg)}}.paywall-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4c1,#d4af37 50%,#14ffec);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 12px}.paywall-title-translation{-webkit-text-fill-color:#f4e4c1b3;background:none;-webkit-background-clip:unset;background-clip:initial;font-size:14px;font-weight:400;opacity:.7}.paywall-social-proof{color:#f4e4c199;font-size:13px;font-style:italic;margin:0 0 20px;text-align:center}.paywall-message{color:#f4e4c1cc;font-size:15px;line-height:1.65;margin:0 0 28px}.paywall-benefits{background:#00000040;border:1px solid #d4af372e;border-radius:16px;margin-bottom:24px;padding:20px 22px;text-align:left}.paywall-benefits h3{color:#d4af37;font-size:13px;font-weight:700;letter-spacing:1.2px;margin:0 0 14px;text-align:center;text-transform:uppercase}.paywall-benefits ul{grid-gap:2px;display:grid;gap:2px;list-style:none;margin:0;padding:0}.paywall-benefits li{align-items:center;border-bottom:1px solid #ffffff12;color:#ffffffe0;display:flex;font-size:14px;gap:8px;padding:7px 0}.paywall-benefits li:last-child{border-bottom:none}.paywall-benefits li:before{color:#14ffec;content:"✦";flex-shrink:0;font-size:10px}.paywall-free-content{background:#14ffec0f;border:1px solid #14ffec33;border-radius:16px;margin-bottom:20px;padding:18px 22px;text-align:left}.paywall-free-content h3{color:#14ffec;font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-align:center;text-transform:uppercase}.paywall-free-content ul{grid-gap:2px;display:grid;gap:2px;list-style:none;margin:0;padding:0}.paywall-free-content li{border-bottom:1px solid #ffffff0f;color:#fffc;font-size:14px;padding:6px 0}.paywall-free-content li:last-child{border-bottom:none}.paywall-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.paywall-btn-primary,.paywall-btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.2px;overflow:hidden;padding:14px 28px;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%}.paywall-btn-primary{background:linear-gradient(135deg,#b8860b,#d4af37 40%,#f0c040 70%,#d4af37);box-shadow:0 4px 20px #d4af3773,inset 0 1px 0 #ffffff4d;color:#1a1446}.paywall-btn-primary:after{background:linear-gradient(135deg,#0000 40%,#ffffff26);content:"";inset:0;pointer-events:none;position:absolute}.paywall-btn-primary:hover{box-shadow:0 8px 28px #d4af3799,inset 0 1px 0 #fff6;transform:translateY(-2px) scale(1.01)}.paywall-btn-primary:active{filter:brightness(.85);transform:translateY(0) scale(.93)!important;transition:transform .06s ease-out,filter .06s ease-out!important}.paywall-btn-secondary{background:#ffffff12;border:1px solid #fff3;color:#f4e4c1d9}.paywall-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.paywall-btn-secondary:active{filter:brightness(.85);transform:translateY(0) scale(.93)!important;transition:transform .06s ease-out,filter .06s ease-out!important}.paywall-pricing{border-top:1px solid #ffffff14;padding-top:18px}.paywall-pricing p{color:#f4e4c1bf;font-size:14px;margin:4px 0}.paywall-pricing strong{color:#d4af37;font-size:18px;font-weight:800}.paywall-trial{align-items:center;color:#14ffecbf!important;display:flex;font-size:12px!important;gap:4px;justify-content:center}.paywall-guarantee{color:#ffffff73!important;font-size:12px!important}.progress-indicator{border-top:1px solid #ffffff14;margin-top:20px;padding-top:18px}.progress-bar{background:#ffffff1a;border-radius:999px;height:6px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#14ffec,#d4af37);border-radius:999px;box-shadow:0 0 8px #14ffec80;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.progress-text{color:#ffffff80;font-size:12px;margin:0;text-align:center}@media (max-width:480px){.paywall-container{align-items:flex-end;padding:12px}.paywall-content{animation:paywallSlideUp .35s cubic-bezier(.34,1.56,.64,1);border-radius:20px 20px 16px 16px;max-height:88vh;padding:32px 22px 24px}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.paywall-icon{font-size:36px;height:72px;width:72px}.paywall-title{font-size:22px}.paywall-message{font-size:14px;margin-bottom:20px}.paywall-btn-primary,.paywall-btn-secondary{font-size:14px;padding:13px 20px}}
/*# sourceMappingURL=main.76619856.css.map*/