@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-arabic-400-normal-DN15VWMM.woff2)format("woff2"),url(/assets/cairo-arabic-400-normal-CAYwymWN.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-ext-400-normal-xCL67Y2R.woff2)format("woff2"),url(/assets/cairo-latin-ext-400-normal-C_BIE9Qe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cairo-latin-400-normal-Dh7otpdh.woff2)format("woff2"),url(/assets/cairo-latin-400-normal-b1R3q6Pf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#2563eb;--primary-glow:#2563eb40;--primary-hover:#1d4ed8;--secondary:#7c3aed;--green:#10b981;--yellow:#fbbf24;--red:#ef4444;--bg:#f8fafc;--bg-gradient:linear-gradient(135deg, #f0f4ff 0%, #f8fafc 50%, #eff6ff 100%);--card-bg:#ffffffb3;--card-border:#00000014;--glass-bg:#fff9;--text-main:#0f172a;--text-dim:#475569;--text-accent:#2563eb;--white:#fff;--danger:#ef4444;--warning:#fbbf24;--gray:#e2e8f0;--primary-subtle:#2563eb14;--primary-tint:#2563eb1f;--primary-highlight:#2563eb2e;--surface:#00000008;--surface-light:#00000005}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,Tajawal,system-ui,-apple-system,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);direction:rtl;background-attachment:fixed;min-height:100vh;overflow-x:hidden}.container{flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:2rem;display:flex}@media (width<=768px){.container{padding:1rem}}.kahoot-bg{z-index:-1;background:radial-gradient(circle at 100% 0,#2563eb0f 0%,#0000 40%),radial-gradient(circle at 0 100%,#7c3aed0d 0%,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border:1px solid var(--card-border);border-radius:28px;width:100%;max-width:550px;padding:3rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 24px #0000000f}@media (width<=768px){.card{padding:1.5rem}}.card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 32px #2563eb1a}h1{color:var(--text-main);text-shadow:none;margin-bottom:2rem;font-size:3rem;font-weight:900}.input-field{border:2px solid var(--gray);text-align:right;background:var(--white);width:100%;color:var(--text-main);border-radius:12px;margin-bottom:1.5rem;padding:1.2rem;font-size:1.1rem;transition:all .3s}.input-field::placeholder{color:#94a3b8;opacity:1}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #2563eb1a}select.input-field{background-color:var(--white);color:var(--text-main)}select.input-field option{color:#0f172a;background:#fff}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;min-height:48px;padding:.9rem 1.1rem;font-size:1rem;font-weight:800;line-height:1.2;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb40}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.btn-primary:active{transform:translateY(0)}.btn-primary.btn-medium{min-height:50px;padding:.95rem 1.15rem;font-size:1.02rem;line-height:1.2}.btn-primary.btn-emphasis{min-height:52px;padding:1rem 1.2rem;font-size:1.08rem}.btn-primary.btn-compact{min-height:40px;padding:.7rem .95rem;font-size:.92rem;line-height:1.2}.grid-options{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:2rem;display:grid}@media (width<=600px){.grid-options{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.grid-options .option-btn{min-height:96px!important;padding:.9rem .55rem!important;font-size:1.05rem!important}.grid-options .option-btn span{line-height:1.25;font-size:1.05rem!important}.btn-primary.btn-medium{min-height:46px;font-size:.98rem}.btn-primary.btn-emphasis{min-height:48px;font-size:1.03rem}.btn-primary.btn-compact{min-height:38px;font-size:.88rem}}.option-btn{color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;padding:2rem;font-size:1.5rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000001a}.option-red{background-color:var(--red)}.option-blue{background-color:var(--primary)}.option-yellow{background-color:var(--yellow)}.option-green{background-color:var(--green)}.option-btn:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.02)}.status-badge{background:var(--primary-tint);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--primary);border-radius:999px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.timer-circle{background:var(--white);width:100px;height:100px;color:var(--primary);border:2px solid var(--gray);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;font-size:2.5rem;font-weight:900;display:flex;box-shadow:0 4px 20px #00000014}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 2px 12px #fbbf2466}50%{transform:scale(1.05);box-shadow:0 4px 20px #fbbf2499}}@keyframes rankSwapIn{0%{opacity:.45;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-in{width:100%;animation:.5s ease-out forwards fadeIn}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #0000000f;border-radius:32px;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.pricing-card:hover{border-color:var(--primary);background:#fffc;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #2563eb1f}.pricing-card.popular{border:2px solid var(--primary);box-shadow:0 0 30px var(--primary-glow)}.billing-toggle{color:var(--text-main);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-weight:700;display:flex}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--gray);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(26px)}.nav-container{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex}.hero-title{margin-bottom:1rem;font-size:5rem;font-weight:900;line-height:1.1}.hero-buttons{justify-content:center;gap:1.5rem;width:100%;display:flex}.features-grid{gap:1.5rem;width:100%;margin-bottom:10vh;padding-bottom:1rem;display:flex}@media (width<=768px){.nav-container{flex-direction:column;gap:1.5rem;padding:1.5rem 1rem}.hero-title{margin-top:2rem;font-size:2.5rem;line-height:1.4}.hero-buttons{flex-direction:column;align-items:center;gap:1.2rem}.hero-buttons .btn-primary{max-width:100%!important}.features-grid{flex-direction:column}.pricing-card{min-width:100%!important}}.brand-logo-container{background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:8px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000000f}.brand-logo-container:hover{transform:scale(1.05)}.brand-logo{object-fit:contain;width:auto;height:50px}.landing-shell{width:100%}.landing-nav{border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding:.8rem 1rem;display:flex}.landing-brand{color:var(--text-main);border:1px solid var(--card-border);background:#fff;border-radius:14px;align-items:center;gap:.55rem;padding:.35rem .62rem;font-size:1.15rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0000000f}.landing-brand .brand-logo{height:38px}.landing-nav-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.landing-nav-actions a{color:var(--text-main);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.landing-hero{grid-template-columns:1fr;align-items:stretch;gap:1rem;width:100%;margin-top:1.2rem;display:grid}.landing-hero-content,.landing-hero-visual{border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:1.1rem}.landing-hero-content{width:100%;max-width:none}.landing-badge{color:var(--primary);background:#2563eb14;border:1px solid #2563eb4d;border-radius:999px;align-items:center;gap:5px;padding:.28rem .62rem;font-size:.78rem;font-weight:800;display:inline-flex}.landing-hero-content h1{text-shadow:none;margin-top:.8rem;margin-bottom:.5rem;font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1.35}.landing-hero-content p{color:var(--text-dim);font-size:1.15rem;line-height:1.8}.landing-cta-box{border-radius:14px;margin-top:.9rem;padding:.8rem}.landing-divider{text-align:center;color:var(--text-dim);margin:.5rem 0;font-weight:700}.landing-join-form{grid-template-columns:1fr auto;gap:.55rem;display:grid}.landing-join-form .input-field{font-weight:800;background:var(--white)!important;border:1px solid var(--gray)!important;color:var(--text-main)!important}.landing-join-form .input-field::placeholder{color:#94a3b8;opacity:1}.landing-join-form .input-field:focus{box-shadow:0 0 0 3px #2563eb1f;border-color:var(--primary)!important}.landing-join-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.8rem .95rem;font-weight:800;box-shadow:0 2px 8px #2563eb40}.landing-hero-visual{grid-template-rows:auto 1fr;gap:.75rem;display:grid}.visual-leaderboard{border:1px solid var(--card-border);background:var(--surface);border-radius:12px;padding:.7rem}.visual-title{color:var(--primary);align-items:center;gap:5px;margin-bottom:.45rem;font-size:.8rem;font-weight:800;display:inline-flex}.visual-row{color:var(--text-main);justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.88rem;display:flex}.visual-phones{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.phone-card{border:1px solid var(--card-border);background:var(--surface);border-radius:12px;padding:.62rem}.phone-header{color:var(--text-main);align-items:center;gap:4px;margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.timer-bar{background:var(--gray);border-radius:999px;width:100%;height:8px;margin-bottom:.42rem;overflow:hidden}.timer-bar div{background:linear-gradient(90deg, var(--primary), var(--secondary));width:72%;height:100%}.quiz-option{border:1px solid var(--card-border);color:var(--text-dim);border-radius:8px;margin-bottom:.28rem;padding:.32rem .42rem;font-size:.73rem}.landing-section{width:100%;margin-top:1rem}.landing-section h2{margin-bottom:.75rem;font-size:1.32rem}.landing-grid{gap:.65rem;display:grid}.landing-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-card{border-radius:14px;padding:.82rem}.landing-icon{background:var(--primary-subtle);width:34px;height:34px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.landing-card h3{margin-top:.5rem;margin-bottom:.28rem;font-size:1rem}.landing-card p{color:var(--text-dim);margin:0;font-size:.88rem;line-height:1.6}.landing-section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.landing-link-btn{color:var(--primary);background:var(--primary-subtle);border:1px solid #2563eb33;border-radius:999px;padding:.34rem .8rem;font-size:.86rem;font-weight:700;text-decoration:none}.landing-billing-toggle{border-radius:999px;align-items:center;gap:.25rem;padding:.18rem;display:inline-flex}.landing-billing-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .72rem;font-size:.8rem;font-weight:800}.landing-billing-toggle button.active{background:var(--primary-subtle);color:var(--primary);border-color:#2563eb4d}.landing-template{color:var(--text-main);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:.62rem;font-size:.84rem;display:inline-flex}.landing-template svg{color:var(--primary)}.landing-price{border-radius:14px;padding:.86rem}.landing-price.highlight{background:#2563eb0a;border:1px solid #2563eb66;box-shadow:inset 0 0 0 1px #2563eb1a}.landing-price h3{margin-bottom:.2rem}.landing-price .amount{color:var(--primary);font-size:1.35rem;font-weight:900}.landing-price .muted{color:var(--text-dim);margin-bottom:.35rem;font-size:.8rem}.landing-price .small-sum{color:var(--text-dim);margin-bottom:.4rem;font-size:.72rem;font-weight:700}.landing-price ul{margin:0;padding-inline-start:1rem}.landing-price li{color:var(--text-main);margin-bottom:.2rem;font-size:.84rem}.landing-enterprise{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem;padding:.8rem;display:flex}.landing-enterprise span{color:var(--text-dim);font-size:.88rem}.landing-final-cta{text-align:center;border-radius:16px;width:100%;margin-top:1rem;padding:1.2rem}.landing-final-cta h2{margin-bottom:.7rem}.landing-footer{text-align:center;border-top:1px solid var(--card-border);width:100%;margin-top:1.1rem;padding:1rem 0 1.4rem}.landing-footer p{color:var(--text-dim);font-size:.85rem}@media (width<=980px){.landing-hero,.landing-grid.three{grid-template-columns:1fr}.landing-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.landing-nav{flex-direction:column;align-items:flex-start;padding:.7rem}.landing-nav-actions{justify-content:space-between;gap:.7rem;width:100%}.landing-join-form,.visual-phones,.landing-grid.five{grid-template-columns:1fr}}.unified-header{z-index:1100;pointer-events:none;padding:.6rem 1rem 0;position:fixed;top:0;left:0;right:0}.unified-header>*{pointer-events:auto}.unified-header-inner{-webkit-backdrop-filter:blur(18px);border-radius:16px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.5rem 1rem;transition:all .3s;display:flex;box-shadow:0 4px 24px #00000012}.unified-header-spacer{height:72px}.unified-header-desktop{align-items:center;gap:1.5rem;display:flex}.unified-header-links{gap:1rem;display:flex}.unified-header-links a{color:var(--text-main);font-size:.9rem;font-weight:700;text-decoration:none}.unified-header-actions{align-items:center;gap:.7rem;display:flex}.unified-header-link{color:var(--text-main);align-items:center;gap:5px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.unified-header-badge{border-radius:10px;align-items:center;gap:6px;padding:.35rem .7rem;font-size:.8rem;font-weight:700;display:flex}.unified-header-chip{color:var(--text-main);border-radius:10px;padding:.45rem .75rem;font-size:.82rem;font-weight:800;text-decoration:none}.unified-header-logout{color:var(--danger);cursor:pointer;border:none;border-radius:10px;align-items:center;padding:.5rem;display:flex}.burger-toggle{background:var(--white);color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0f172a24;border-radius:12px;justify-content:center;align-items:center;padding:.55rem;display:inline-flex;box-shadow:0 1px 4px #0f172a14}.burger-toggle:active{background:var(--gray);border-color:#2563eb59}.unified-header-mobile-menu{-webkit-backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #0f172a1f;border-radius:16px;flex-direction:column;gap:.6rem;max-width:1200px;margin:.5rem auto 0;padding:1rem;display:flex;box-shadow:0 10px 40px #0f172a1f}.unified-header-mobile-user{border-bottom:1px solid var(--card-border);margin-bottom:.3rem;padding:0 .3rem .7rem}.unified-header-mobile-link{color:var(--text-main);border-radius:10px;align-items:center;gap:10px;padding:.55rem .5rem;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.unified-header-mobile-link:active{background:var(--surface)}.unified-header-mobile-logout{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:.3rem;padding:.7rem;font-size:.92rem;font-weight:700;display:flex}@media (width<=768px){.unified-header{padding:.4rem .5rem 0}.unified-header-inner{border-radius:14px;padding:.45rem .7rem}.unified-header-spacer{height:64px}.unified-header-mobile-menu{margin:.4rem 0 0}}.responsive-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;width:100%;padding-bottom:.5rem;overflow-x:auto;display:flex!important}.responsive-tabs::-webkit-scrollbar{height:4px}.responsive-tabs::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:99px}@media (width<=600px){.responsive-tabs{gap:.4rem}.responsive-tabs button{white-space:nowrap;padding:.6rem 1rem!important;font-size:.9rem!important}}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;display:grid}@media (width<=768px){.admin-grid{grid-template-columns:1fr;gap:1rem}}.mobile-stack{flex-direction:column;display:flex}@media (width>=769px){.mobile-stack{flex-direction:row}}.hero-new-group{min-height:52px;padding:.95rem 1.8rem;font-size:1.1rem;font-weight:800}@media (width<=600px){.hero-new-group{justify-content:center;min-height:48px;width:100%!important;padding:.85rem 1.2rem!important;font-size:1rem!important}}.admin-action-btn{white-space:nowrap;min-height:52px;font-size:1.02rem}@media (width<=600px){.admin-action-btn{min-height:48px;font-size:.95rem}}.main-content{max-width:1400px;margin:0 auto;padding:3rem}@media (width<=768px){.main-content{padding:1.5rem 1rem!important}}.glass-card{border-radius:24px;padding:1.8rem}@media (width<=600px){.glass-card{border-radius:16px!important;padding:1.2rem!important}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.stack-mobile{flex-flow:wrap;gap:.5rem;display:flex!important}@media (width<=600px){.stack-mobile{flex-direction:column!important;width:100%!important}.stack-mobile button{justify-content:center;width:100%!important;padding:.8rem!important}}.grid-stack{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem;display:grid}@media (width<=480px){.grid-stack{grid-template-columns:1fr 1fr}}.template-categories-wrap{align-items:start;position:relative}.template-categories-toggle{margin-top:.35rem;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-inline:auto;font-size:.9rem;font-weight:800}@media (width<=600px){.template-categories-wrap{max-height:105px;transition:max-height .25s;overflow:hidden}.template-categories-wrap:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(#f8fafc00,#f8fafcf2);height:42px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.template-categories-wrap.expanded{max-height:720px}.template-categories-wrap.expanded:after{opacity:0}}.scroll-x{-webkit-overflow-scrolling:touch;gap:.5rem;width:100%;padding-bottom:.8rem;display:flex!important;overflow-x:auto!important}.scroll-x::-webkit-scrollbar{height:4px}.scroll-x::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:99px}@media (width<=600px){.scroll-x button{white-space:nowrap!important;padding:.5rem .8rem!important;font-size:.85rem!important}}