@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f4f2;--bg-soft:#fcfbf9;--card:#fff;--primary:#e05256;--primary-dark:#c93d43;--primary-deep:#a92b32;--primary-soft:#fceaeb;--accent:#f2a93b;--accent-soft:#fdf2e3;--success:#1fa95c;--success-soft:#e7f5ec;--info:#2f80ed;--info-soft:#e9f1fe;--warning:#e8923c;--warning-soft:#fdf2e7;--danger:#e5484d;--text:#23272f;--text-muted:#6f7681;--border:#e9e4df;--border-strong:#ddd6d0;--radius:16px;--radius-sm:10px;--radius-pill:999px;--shadow-sm:0 1px 2px #2918180d, 0 1px 3px #2918180a;--shadow-md:0 4px 14px #29181812, 0 2px 6px #2918180a;--shadow-lg:0 16px 40px #2918181f, 0 4px 12px #2918180f;--font:"Tajawal", "Inter", "Segoe UI", Tahoma, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--primary-soft);color:var(--primary-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#c4bbb4}.loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:500;display:flex}.loading:before{content:"";border:3px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{background:radial-gradient(1100px 550px at 90% -10%, var(--primary-soft), transparent 60%), radial-gradient(900px 500px at 5% 110%, var(--accent-soft), transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;width:100%;max-width:410px;padding:2.5rem;animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card h1{text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:1.7rem;font-weight:800}.auth-card>p{text-align:center;color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem}.form-group{margin-bottom:1.05rem}.form-group label{margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.search-bar input,.search-bar select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font-size:1rem;font-family:var(--font);background:var(--bg-soft);color:var(--text);padding:.72rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group select:focus,.search-bar input:focus,.search-bar select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #e052561f}.form-group input::placeholder,.search-bar input::placeholder{color:#b3ada6}.btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);width:100%;font-size:1rem;font-weight:700;font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:.8rem 1.25rem;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-block}.btn:hover{filter:brightness(1.05);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #e0525640}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn-secondary:hover{background:var(--border);filter:none}.btn-success{background:linear-gradient(135deg,#24b25f,#178a4a)}.btn-success:hover{filter:brightness(1.05)}.btn-small{border-radius:9px;width:auto;padding:.45rem .95rem;font-size:.85rem;font-weight:600}.auth-link{text-align:center;color:var(--text-muted);margin-top:1.2rem;font-size:.9rem}.auth-link a{color:var(--primary);font-weight:700}.auth-link a:hover{text-decoration:underline}.error-msg{background:var(--warning-soft);color:#b2570c;border-radius:var(--radius-sm);text-align:center;border:1px solid #f5d9b0;margin-bottom:1rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500}.success-msg{background:var(--success-soft);color:#147a45;border-radius:var(--radius-sm);text-align:center;border:1px solid #bce5ce;margin-bottom:1rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500}.layout{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-inline-end:1px solid var(--border);background:#ffffffd1;flex-direction:column;flex-shrink:0;gap:1.25rem;width:252px;height:100vh;padding:1.5rem 1rem 1.25rem;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--border);padding:0 .4rem 1.1rem}.sidebar-header h2{background:linear-gradient(135deg, var(--primary), var(--primary-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:900;display:flex}.sidebar-header p{color:var(--text-muted);margin-top:.3rem;font-size:.8rem}.points-badge{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);margin-top:.55rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.nav-list{flex-direction:column;flex:1;gap:.15rem;list-style:none;display:flex}.nav-list li a,.nav-list li button{border-radius:var(--radius-sm);color:var(--text-muted);text-align:right;cursor:pointer;width:100%;font-size:.95rem;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:.7rem;padding:.68rem .95rem;transition:all .18s;display:flex}.nav-list li a:hover,.nav-list li button:hover{background:var(--bg);color:var(--text)}.nav-list li a.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-md);font-weight:700}.nav-list li a.active .icon{color:#fff}.logout-btn{border-top:1px solid var(--border);margin-top:auto;padding-top:.75rem}.logout-btn button:hover{background:var(--primary-soft);color:var(--danger)}.main-content{flex:1;width:100%;max-width:1160px;margin-inline:auto;padding:2.25rem 2.5rem;overflow-y:auto}.page-header{margin-bottom:1.5rem}.page-header h1{letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.page-header p{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.45rem;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card h3{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.stat-card .value{letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.content-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.5rem}.content-card h2{margin-bottom:1rem;font-size:1.05rem;font-weight:700}.table-wrap{border-radius:var(--radius-sm);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:.8rem .9rem;font-size:.92rem}th{color:var(--text-muted);font-size:.78rem;font-weight:700}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-soft)}tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-pill);padding:.24rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.status-active,.status-completed{background:var(--success-soft);color:#147a45}.status-pending{background:var(--warning-soft);color:#b2570c}.status-watching{background:var(--info-soft);color:#1f5fbf}.form-inline{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.form-inline .form-group{flex:1;min-width:190px;margin-bottom:0}.search-bar{margin-bottom:1rem}.pagination{justify-content:center;align-items:center;gap:.9rem;margin-top:1.1rem;padding:.4rem 0;display:flex}.pagination button{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font);padding:.4rem .9rem;transition:all .18s}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:.9rem;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.empty-state p{font-size:1rem}.icon{font-size:1.2rem;line-height:1}.sidebar-brand{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-brand h2{margin:0}.theme-toggle{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;transition:all .18s;display:inline-flex}.theme-toggle:hover{background:var(--border);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.password-checks{flex-wrap:wrap;gap:.35rem .7rem;margin-top:.55rem;display:flex}.password-checks span{border-radius:var(--radius-pill);padding:.15rem .55rem;font-size:.76rem;font-weight:600;transition:all .2s}.check-ok{color:#147a45;background:var(--success-soft)}.check-no{color:#b2570c;background:var(--warning-soft)}@media (width<=991px){.layout{flex-direction:column}.sidebar{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-inline-end:none;border-bottom:1px solid var(--border);background:#ffffffeb;flex-direction:column;gap:.5rem;width:100%;height:auto;padding:.75rem 1rem;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:0 .2rem .5rem;display:flex}.sidebar-header h2{margin:0;font-size:1.05rem}.sidebar-header p{display:none}.points-badge{margin:0}.nav-list{scrollbar-width:none;flex-direction:row;gap:.35rem;padding-bottom:.3rem;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.nav-list li a,.nav-list li button{white-space:nowrap;padding:.5rem .85rem;font-size:.9rem}.nav-list li a.active{box-shadow:none}.logout-btn{border-top:none;margin-top:0;padding-top:0}.main-content{padding:1.25rem 1rem}}@media (width<=575px){.main-content{padding:.9rem .75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.7rem}.stat-card{padding:1rem 1.1rem}.stat-card .value{font-size:1.45rem}.content-card{padding:1.1rem}.auth-card{border-radius:var(--radius);padding:1.9rem 1.5rem}.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:0}.page-header h1{font-size:1.3rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141519;--bg-soft:#1b1d22;--card:#1f2126;--primary:#f0656a;--primary-dark:#e05256;--primary-deep:#c94b51;--primary-soft:#382527;--accent:#f5b84a;--accent-soft:#332a1b;--success:#2fc26f;--success-soft:#142b1d;--info:#4d9fff;--info-soft:#162638;--warning:#f5a54b;--warning-soft:#2e2418;--danger:#f06b6b;--text:#ecedef;--text-muted:#9aa0a6;--border:#2b2e34;--border-strong:#383c44;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000040;--shadow-md:0 4px 14px #0006, 0 2px 6px #0000004d;--shadow-lg:0 16px 40px #00000080, 0 4px 12px #00000059}:root[data-theme=dark] .sidebar{background:#17191de0}:root[data-theme=dark] ::-webkit-scrollbar-thumb{border-color:var(--bg);background:#3a3e44}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a4f57}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group select:focus,:root[data-theme=dark] .search-bar input:focus,:root[data-theme=dark] .search-bar select:focus{background:var(--bg-soft)}:root[data-theme=dark] .auth-page{background:radial-gradient(1100px 550px at 90% -10%, #f0656a14, transparent 60%), radial-gradient(900px 500px at 5% 110%, #f5b84a0f, transparent 55%), var(--bg)}.auth-page{align-items:flex-start;padding:2rem 1.5rem}.auth-split{grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;width:100%;max-width:1100px;margin-block:auto;display:grid}.auth-main{flex-direction:column;align-items:center;display:flex}.auth-hero{background:linear-gradient(160deg, var(--primary-deep), var(--primary-dark) 45%, var(--primary));color:#fff;box-shadow:var(--shadow-lg);border-radius:24px;padding:2.1rem 2.2rem;animation:.4s fadeUp}.auth-hero .hero-brand{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.35rem;font-weight:900;display:flex}.auth-hero h2{margin-bottom:.7rem;font-size:1.75rem;font-weight:800;line-height:1.35}.auth-hero>p{opacity:.94;margin-bottom:1.4rem;font-size:.98rem;line-height:1.85}.hero-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.4rem;display:grid}.hero-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff40;border-radius:14px;padding:.95rem .85rem}.hero-card .hero-card-icon{margin-bottom:.4rem;font-size:1.55rem}.hero-card strong{margin-bottom:.25rem;font-size:.88rem;display:block}.hero-card span{opacity:.85;font-size:.74rem;line-height:1.6;display:block}.promo-video{margin-bottom:1rem}.promo-frame{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow-md);background:#000;position:relative;overflow:hidden}.promo-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.promo-video video{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);background:#000;display:block}.promo-placeholder{border-radius:var(--radius);text-align:center;background:#ffffff14;border:1.5px dashed #ffffff73;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:2.2rem 1rem;display:flex}.promo-placeholder .promo-play{font-size:2.4rem}.promo-placeholder strong{font-size:1.05rem}.promo-placeholder span{opacity:.85;font-size:.85rem}.landing{background:var(--bg);color:var(--text);min-height:100vh}.landing .btn{width:auto}.landing-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f6f4f2d9;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 2rem;display:flex;position:sticky;top:0}:root[data-theme=dark] .landing-nav{background:#141519d9}.landing-brand{color:var(--primary);font-size:1.25rem;font-weight:900}.landing-nav-links{align-items:center;gap:1.15rem;display:flex}.landing-nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:600}.landing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;max-width:1120px;margin:0 auto;padding:4.5rem 2rem 4rem;display:grid}.hero-badge{background:var(--primary-soft);color:var(--primary-deep);border-radius:var(--radius-pill);margin-bottom:1.1rem;padding:.35rem .9rem;font-size:.85rem;font-weight:700;display:inline-block}.hero-copy h1{margin-bottom:1rem;font-size:2.55rem;font-weight:900;line-height:1.25}.hero-copy>p{color:var(--text-muted);max-width:540px;margin-bottom:1.6rem;font-size:1.08rem;line-height:1.9}.hero-cta{flex-wrap:wrap;gap:.85rem;margin-bottom:2rem;display:flex}.hero-cta .btn{width:auto}.hero-stats{gap:2.2rem;display:flex}.hero-stats strong{color:var(--primary);font-size:1.55rem;font-weight:900;display:block}.hero-stats span{color:var(--text-muted);font-size:.85rem}.landing-section{text-align:center;max-width:1120px;margin:0 auto;padding:3.5rem 2rem}.landing-section h2{margin-bottom:.5rem;font-size:1.9rem;font-weight:800}.section-sub{color:var(--text-muted);margin-bottom:2.2rem}.steps{text-align:right;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem 1.4rem}.step-num{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.9rem;font-size:1.15rem;font-weight:800;display:inline-flex}.step h3{margin-bottom:.5rem;font-size:1.05rem}.step p{color:var(--text-muted);font-size:.92rem;line-height:1.8}.mission{background:var(--bg-soft);border-block:1px solid var(--border)}.mission-cards{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.mission-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.8rem 1.5rem}.mission-icon{margin-bottom:.8rem;font-size:2.2rem}.mission-card h3{margin-bottom:.5rem;font-size:1.05rem}.mission-card p{color:var(--text-muted);font-size:.92rem;line-height:1.8}.story-grid{text-align:right;grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.story-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem 1.4rem}.story-emoji{margin-bottom:.7rem;font-size:2.2rem}.story-card h3{margin-bottom:.45rem}.story-card p{color:var(--text-muted);font-size:.92rem;line-height:1.8}.landing-cta{text-align:center;max-width:1120px;margin:0 auto;padding:3.5rem 2rem}.landing-cta h2{margin-bottom:.5rem;font-size:1.8rem}.landing-cta p{color:var(--text-muted);margin-bottom:1.5rem}.landing-cta .btn{width:auto;padding:.95rem 2.2rem;font-size:1.1rem}.landing-footer{max-width:1120px;color:var(--text-muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:0 auto;padding:1.4rem 2rem;font-size:.9rem;display:flex}.landing-footer a{color:var(--primary);font-weight:700}.mission-banner{background:linear-gradient(135deg, var(--primary-soft), var(--accent-soft));border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:.9rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;display:flex}.mission-banner-icon{flex-shrink:0;font-size:1.5rem}.mission-banner p{flex:1;margin:0;font-size:.92rem;line-height:1.7}.mission-banner strong{color:var(--primary-deep)}:root[data-theme=dark] .mission-banner strong{color:var(--primary)}.mission-banner-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.3rem;font-size:1rem;line-height:1}.mission-banner-close:hover{background:var(--border);color:var(--text)}@media (width<=991px){.landing-hero{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding-top:3rem}.hero-copy>p{margin-inline:auto}.hero-cta,.hero-stats{justify-content:center}.steps,.mission-cards,.story-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.landing-nav{padding:.8rem 1rem}.landing-nav-links a[href^=\#]{display:none}.hero-copy h1{font-size:2rem}.steps,.mission-cards,.story-grid{grid-template-columns:1fr}.hero-stats{gap:1.4rem}}@media (width<=900px){.auth-split{grid-template-columns:1fr}.hero-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=575px){.hero-cards{grid-template-columns:1fr}.auth-hero{padding:1.5rem 1.25rem}.auth-hero h2{font-size:1.5rem}}.lp{position:relative}.lp .btn{width:auto}.lp-nav{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#f6f4f2d1;position:sticky;top:0}:root[data-theme=dark] .lp-nav{background:#141519d1}.lp-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.lp-logo{color:var(--text);align-items:center;gap:.6rem;font-size:1.3rem;font-weight:900;display:inline-flex}.lp-logo-ic{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-md);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.lp-nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:600;transition:color .18s}.lp-nav-actions{align-items:center;gap:.6rem;display:flex}.btn-ghost-nav{color:var(--text);border:1px solid var(--border-strong);box-shadow:none;background:0 0}.btn-ghost-nav:hover{background:var(--bg);border-color:var(--primary);filter:none}.lp-burger{background:var(--bg);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:none}.lp-mobile{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding:.75rem 1.5rem 1.25rem;display:flex}.lp-mobile a{color:var(--text);border-radius:10px;padding:.6rem .75rem;font-weight:600}.lp-mobile a:hover{background:var(--bg);color:var(--primary)}.lp-mobile .btn{margin-top:.4rem}.lp-hero{background:radial-gradient(900px 500px at 15% 10%, #ffb45a40, transparent 60%), radial-gradient(1100px 600px at 100% 110%, #f0656a59, transparent 55%), linear-gradient(150deg, #3a1014 0%, var(--primary-deep) 55%, var(--primary) 140%);color:#fff;position:relative;overflow:hidden}.lp-hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:3.5rem;max-width:1180px;margin:0 auto;padding:4.5rem 1.5rem 3rem;display:grid;position:relative}.lp-hero-glow{filter:blur(70px);pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite lpPulse;position:absolute}.lp-hero-glow-1{top:-90px;background:#ff965a59;width:380px;height:380px;inset-inline-start:-80px}.lp-hero-glow-2{bottom:-120px;background:#f0656a73;width:320px;height:320px;animation-delay:2.4s;inset-inline-end:-60px}@keyframes lpPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.lp-hero-text{animation:.7s both lpFadeUp}.lp-hero-badge{color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.lp-hero-badge svg{color:var(--accent)}.lp-hero-text h1{letter-spacing:-.02em;margin-bottom:1.1rem;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:900;line-height:1.18}.lp-hero-text h1 span{background:linear-gradient(120deg, var(--accent), #ffd9a0 60%, #fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero-text>p{color:#ffffffe0;max-width:540px;margin-bottom:1.9rem;font-size:1.08rem;line-height:1.9}.lp-hero-btns{flex-wrap:wrap;gap:.9rem;margin-bottom:2.6rem;display:flex}.lp-btn-lg{padding:.9rem 1.7rem;font-size:1rem}.lp-hero .lp-btn-lg{color:var(--primary-deep);background:#fff;box-shadow:0 10px 30px #00000040}.lp-hero .lp-btn-lg:hover{filter:none;background:#fff6f0;transform:translateY(-2px)}.lp-btn-ghost{color:#fff;box-shadow:none;background:0 0;border:1.5px solid #ffffff80;align-items:center;gap:.6rem;display:inline-flex}.lp-btn-ghost:hover{filter:none;background:#ffffff1f;transform:translateY(-1px)}.lp-play-ic{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding-inline-start:2px;display:inline-flex}.lp-hero-stats{grid-template-columns:repeat(4,1fr);gap:.8rem;max-width:620px;display:grid}.lp-stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:.7rem;padding:.7rem .85rem;display:flex}.lp-stat-icon{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lp-stat-n{color:#fff;font-size:1.25rem;font-weight:900;line-height:1.1;display:block}.lp-stat-l{color:#ffffffbf;font-size:.68rem;font-weight:600}.lp-hero-visual{animation:.7s .15s both lpFadeUp;position:relative}.lp-mock{background:var(--card);color:var(--text);border:1px solid #ffffff40;border-radius:22px;max-width:470px;margin-inline-start:auto;padding:1.4rem;transform:rotate(-1.2deg);box-shadow:0 30px 70px #00000059}.lp-mock-head{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.lp-mock-title{font-size:1.05rem;font-weight:800;display:block}.lp-mock-sub{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;display:block}.lp-mock-badge{background:var(--primary-soft);color:var(--primary-deep);border-radius:var(--radius-pill);white-space:nowrap;padding:.3rem .7rem;font-size:.72rem;font-weight:700}.lp-mock-row{justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;display:flex}.lp-mock-row strong{color:var(--primary)}.lp-mock-bar{background:var(--border);border-radius:var(--radius-pill);height:10px;margin-bottom:1.1rem;overflow:hidden}.lp-mock-bar div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));width:67%;height:100%;animation:1.8s cubic-bezier(.3,.8,.3,1) .4s both lpBar}@keyframes lpBar{0%{width:0}}.lp-mock-tags{flex-wrap:wrap;gap:.45rem;margin-bottom:1.2rem;display:flex}.lp-mock-tags span{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-pill);padding:.3rem .7rem;font-size:.75rem;font-weight:600}.lp-mock-foot{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.lp-mock-foot span{color:var(--text-muted);font-size:.78rem}.lp-float{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.82rem;font-weight:700;animation:5s ease-in-out infinite lpFloat;display:flex;position:absolute}.lp-float svg{color:var(--success)}.lp-float-1{top:-14px;inset-inline-start:-10px}.lp-float-2{bottom:26px;animation-delay:2.2s;inset-inline-end:-6px}.lp-float-2 svg{color:var(--primary)}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-scroll{color:#ffffffb3;animation:2.2s infinite lpBounce;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes lpBounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,8px)}60%{transform:translate(-50%,4px)}}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.lp-cats{border-block:1px solid var(--border);background:var(--bg-soft);padding:.9rem 0;overflow:hidden}.lp-cats-track{gap:.9rem;width:max-content;animation:30s linear infinite lpMarquee;display:flex}.lp-cats:hover .lp-cats-track{animation-play-state:paused}.lp-cat{background:var(--card);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-pill);white-space:nowrap;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700}@keyframes lpMarquee{to{transform:translate(-50%)}}.lp-section{max-width:1180px;margin:0 auto;padding:5rem 1.5rem}.lp-sec-head{text-align:center;max-width:640px;margin:0 auto 3rem}.lp-sec-tag{background:var(--primary-soft);color:var(--primary-deep);border-radius:var(--radius-pill);margin-bottom:.9rem;padding:.35rem 1rem;font-size:.8rem;font-weight:800;display:inline-block}.lp-sec-tag.light{color:#fff;background:#ffffff24;border:1px solid #ffffff40}.lp-sec-head h2{margin-bottom:.6rem;font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:900;line-height:1.3}.lp-sec-head p{color:var(--text-muted);font-size:1rem;line-height:1.8}.lp-steps{grid-template-columns:repeat(4,1fr);gap:1.1rem;display:grid}.lp-step{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.7rem 1.4rem 1.4rem;transition:transform .25s,box-shadow .25s;position:relative}.lp-step:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.lp-step-num{top:-12px;background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;width:28px;height:28px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex;position:absolute;inset-inline-start:20px}.lp-step-icon{background:linear-gradient(135deg, var(--primary-soft), var(--primary));width:56px;height:56px;color:var(--primary-deep);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.lp-step h3{margin-bottom:.45rem;font-size:1.05rem;font-weight:800}:root[data-theme=dark] .lp-step-icon{background:linear-gradient(135deg, #3a2124, var(--primary));color:#fff}.lp-mission{background:radial-gradient(800px 400px at 85% 15%, #f2a93b29, transparent 60%), linear-gradient(150deg, #2b0e12 0%, var(--primary-deep) 120%);color:#fff;padding:5rem 1.5rem;position:relative;overflow:hidden}.lp-mission:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.lp-mission-grid{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:3.5rem;max-width:1180px;margin:0 auto;display:grid;position:relative}.lp-mission-quote{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;padding:2rem}.lp-mission-quote svg{color:var(--accent);margin-bottom:.8rem}.lp-mission-quote blockquote{color:#fff;font-size:1.35rem;font-weight:800;line-height:1.7}.lp-mission-nums{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem;display:grid}.lp-mission-nums div{text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;padding:1rem}.lp-mission-nums strong{color:var(--accent);font-size:1.5rem;font-weight:900;display:block}.lp-mission-nums span{color:#fffc;font-size:.78rem}.lp-mission-text h2{margin-bottom:1rem;font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:900;line-height:1.35}.lp-mission-lead{color:#ffffffd9;margin-bottom:1.6rem;font-size:1.02rem;line-height:1.95}.lp-mission-points{flex-direction:column;gap:1rem;display:flex}.lp-mission-point{align-items:flex-start;gap:.9rem;display:flex}.lp-mission-point-ic{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lp-mission-point h4{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:800}.lp-mission-point p{color:#ffffffc7;font-size:.9rem;line-height:1.8}.lp-features{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.lp-feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.7rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s}.lp-feature:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}.lp-feature-ic{background:linear-gradient(135deg, var(--primary-soft), var(--primary));width:54px;height:54px;color:var(--primary-deep);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}:root[data-theme=dark] .lp-feature-ic{background:linear-gradient(135deg, #3a2124, var(--primary));color:#fff}.lp-feature h3{margin-bottom:.45rem;font-size:1.05rem;font-weight:800}.lp-feature p{color:var(--text-muted);font-size:.9rem;line-height:1.8}.lp-stories{border-top:1px solid var(--border)}.lp-story-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.lp-story{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.8rem 1.5rem;transition:transform .25s,box-shadow .25s}.lp-story:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.lp-story-ic{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;width:58px;height:58px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.lp-story h3{margin-bottom:.45rem;font-size:1.05rem;font-weight:800}.lp-story p{color:var(--text-muted);font-size:.9rem;line-height:1.85}.lp-faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.lp-faq-item.open{border-color:var(--primary)}.lp-faq-q{width:100%;color:var(--text);font-family:var(--font);text-align:right;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-size:1rem;font-weight:700;display:flex}.lp-faq-q svg{color:var(--primary);flex-shrink:0;transition:transform .25s}.lp-faq-item.open .lp-faq-q svg{transform:rotate(180deg)}.lp-faq-a{max-height:0;transition:max-height .3s;overflow:hidden}.lp-faq-item.open .lp-faq-a{max-height:320px}.lp-faq-a p{color:var(--text-muted);padding:0 1.3rem 1.2rem;font-size:.92rem;line-height:1.9}.lp-cta{max-width:1180px;margin:0 auto;padding:2rem 1.5rem 5rem}.lp-cta-box{background:linear-gradient(135deg, var(--primary-deep), var(--primary-dark) 55%, var(--primary));text-align:center;color:#fff;box-shadow:var(--shadow-lg);border-radius:28px;padding:4rem 2rem;position:relative;overflow:hidden}.lp-cta-glow{filter:blur(80px);top:-120px;background:#ffc8784d;border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-60px}.lp-cta-box h2{margin-bottom:.7rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;position:relative}.lp-cta-box p{color:#ffffffd9;margin-bottom:1.8rem;font-size:1.05rem;position:relative}.lp-cta-box .btn{color:var(--primary-deep);background:#fff;padding:.95rem 2.1rem;font-size:1.05rem;position:relative;box-shadow:0 12px 30px #00000040}.lp-cta-box .btn:hover{filter:none;background:#fff6f0;transform:translateY(-2px)}.lp-cta-note{color:#ffffffbf;justify-content:center;align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.85rem;display:flex;position:relative}.lp-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:3.5rem 1.5rem 1.5rem}.lp-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:1180px;margin:0 auto;padding-bottom:2.5rem;display:grid}.lp-footer h4{color:var(--text);margin-bottom:1rem;font-size:.95rem;font-weight:800}.lp-footer a{color:var(--text-muted);margin-bottom:.6rem;font-size:.9rem;transition:color .18s;display:block}.lp-footer a:hover{color:var(--primary)}.lp-footer-brand p{color:var(--text-muted);max-width:320px;margin-top:1rem;font-size:.9rem;line-height:1.9}.lp-footer-bottom{border-top:1px solid var(--border);max-width:1180px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin:0 auto;padding-top:1.3rem;font-size:.85rem;display:flex}.lp-footer-bottom a{color:var(--primary);font-weight:700}.lp-modal{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0405b3;justify-content:center;align-items:center;padding:1.5rem;animation:.25s both lpFadeUp;display:flex;position:fixed;inset:0}.lp-modal-box{background:var(--card);border:1px solid var(--border);width:100%;max-width:720px;box-shadow:var(--shadow-lg);border-radius:20px;padding:1.1rem;position:relative}.lp-modal-close{top:-16px;border:1px solid var(--border-strong);background:var(--card);width:38px;height:38px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:-8px}.lp-modal-close:hover{color:var(--danger)}@media (width<=991px){.lp-hero-grid{grid-template-columns:1fr;gap:3rem;padding-top:3.5rem}.lp-hero-text{text-align:center}.lp-hero-text>p{margin-inline:auto}.lp-hero-btns,.lp-hero-stats{justify-content:center}.lp-hero-stats,.lp-mock{margin-inline:auto}.lp-steps,.lp-features,.lp-story-grid{grid-template-columns:repeat(2,1fr)}.lp-mission-grid{grid-template-columns:1fr;gap:2.5rem}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.lp-nav-links{display:none}.lp-burger{display:inline-flex}.lp-nav-actions .btn{display:none}.lp-nav-actions{gap:0}.lp-hero-stats{grid-template-columns:repeat(2,1fr);max-width:460px}.lp-steps,.lp-features,.lp-story-grid{grid-template-columns:1fr}.lp-section,.lp-mission{padding:3.5rem 1.1rem}.lp-hero-grid{padding:3rem 1.1rem 2.5rem}.lp-float-1{inset-inline-start:4px}.lp-float-2{inset-inline-end:4px}}@media (width<=575px){.lp-mock-tags span{font-size:.68rem}.lp-mock-foot{flex-direction:column;align-items:flex-start}.lp-cta-box{padding:3rem 1.4rem}.lp-mission-nums{grid-template-columns:repeat(3,1fr);gap:.6rem}.lp-mission-nums strong{font-size:1.2rem}.lp-footer-grid{grid-template-columns:1fr;gap:1.6rem}.lp-hero-text h1{font-size:2.3rem}}.dash-hero{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#4a0e1c 0%,#7a0f1f 45%,#b3122e 100%);border-radius:20px;margin-bottom:1.5rem;padding:2rem 2rem 1.5rem;position:relative;overflow:hidden}.dash-hero:after{content:"";pointer-events:none;background:radial-gradient(620px 210px at 88% -20%,#ffffff29,#0000 60%),radial-gradient(520px 190px at 8% 120%,#ffffff17,#0000 60%);position:absolute;inset:0}.dash-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.dash-hero h1{margin-top:.25rem;font-size:1.7rem;font-weight:800}.dash-hero p{opacity:.85;margin-top:.4rem;font-size:.95rem;line-height:1.7}.dash-hero-date{opacity:.8;align-items:center;gap:.4rem;font-size:.8rem;display:inline-flex}.dash-hero-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.9rem;font-weight:700;display:inline-flex;position:relative}.dash-hero-mini{flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;display:flex;position:relative}.dash-hero-mini span{background:#00000038;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.dash-hero-mini b{color:#ffd9a8}.dash-stat{align-items:flex-start;gap:.9rem;display:flex}.dash-stat-ico{border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.c-red{background:var(--primary-soft);color:var(--primary-deep)}.c-green{background:var(--success-soft);color:#147a45}.c-gold{background:var(--accent-soft);color:#b97a14}.c-blue{background:var(--info-soft);color:#1f5fbf}.dash-stat h3{margin-bottom:.2rem}.dash-stat .value{letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.15}.dash-stat small{color:var(--text-muted);font-size:.78rem}.dash-stat small a{color:var(--primary);font-weight:700}.dash-progress-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=700px){.dash-progress-row{grid-template-columns:1fr}}.dash-progress-item span{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem;font-size:.9rem;font-weight:700;display:flex}.dash-progress-item em{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-style:normal;font-weight:600}.dash-bar{background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;height:11px;overflow:hidden}.dash-bar i{background:linear-gradient(90deg,var(--primary-dark),var(--primary));border-radius:999px;height:100%;transition:width .6s;display:block}.dash-bar.i-green i{background:linear-gradient(90deg,#16a34a,#4ade80)}.dash-quick{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.dash-quick a{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);align-items:center;gap:.8rem;padding:1rem 1.1rem;font-size:.9rem;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.dash-quick a:hover{border-color:var(--primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.dash-quick-ico{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.dash-steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=760px){.dash-steps{grid-template-columns:1fr}}.dash-step{background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:1.2rem .9rem .9rem;position:relative}.dash-step-n{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:-11px;right:14px;box-shadow:0 2px 6px #0000002e}.dash-step p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.7}.dash-step p b{color:var(--text);font-weight:700}.dash-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:1rem;margin-bottom:1.4rem;display:grid}@media (width<=700px){.dash-podium{grid-template-columns:1fr}}.dash-podium-item{text-align:center;border:1px solid var(--border);background:var(--bg-soft);border-radius:16px;padding:1.2rem 1rem}.dash-pod-1{background:linear-gradient(170deg,#f5c84829,#f5c84808);border-color:#e5c05a;padding-top:1.9rem}.dash-pod-3{background:linear-gradient(170deg,#d28a5c24,#d28a5c08);border-color:#d28a5c}.dash-pod-rank{font-size:1.7rem;line-height:1}.dash-podium-item .title{word-break:break-word;margin:.5rem 0 .15rem;font-size:.9rem;font-weight:700}.dash-podium-item .views{color:var(--text-muted);margin-bottom:.5rem;font-size:.78rem}.dash-pod-views{color:var(--primary-deep);align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;display:inline-flex}.dash-views{flex-direction:column;gap:.6rem;display:flex}.dash-view{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.dash-view-t{flex:1;min-width:0}.dash-view-t b{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.dash-view-t small{color:var(--text-muted);font-size:.75rem}.support-card{background:linear-gradient(135deg,var(--primary-soft),#fff8f0);border:1px dashed var(--primary);border-radius:var(--radius);text-align:right;padding:1rem 1.1rem}.support-head{color:var(--text);align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.support-head b{color:var(--primary-deep)}.support-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.support-btn{border-radius:var(--radius-pill);color:#fff;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.support-btn:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.support-wa{background:#1faa55}.support-pp{background:#003087}.support-gl{background:#d2691e}.sidebar-actions{align-items:center;gap:.35rem;display:flex}.nbell{position:relative}.nbell-btn{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:border-color .2s;display:grid;position:relative}.nbell-btn:hover{border-color:var(--primary)}.nbell-btn.has-unread{color:var(--primary)}.nbell-badge{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:.65rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.nbell-panel{background:var(--card);border:1px solid var(--border);width:300px;max-width:86vw;box-shadow:var(--shadow-lg);z-index:60;border-radius:14px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.nbell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.85rem;font-weight:700;display:flex}.nbell-mark{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:inline-flex}.nbell-mark:hover{color:var(--primary)}.nbell-list{max-height:320px;padding:.3rem;overflow-y:auto}.nbell-empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.82rem}.nbell-item{text-align:right;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:10px;align-items:flex-start;gap:.6rem;width:100%;padding:.6rem .7rem;display:flex}.nbell-item:last-child{border-bottom:none}.nbell-item:hover{background:var(--bg-soft)}.nbell-item.read{opacity:.55}.nbell-item-t{flex:1;min-width:0}.nbell-item-t b{font-size:.82rem;display:block}.nbell-item-t span{color:var(--text-muted);white-space:normal;margin-top:.15rem;font-size:.75rem;line-height:1.6;display:block}.nbell-eye{color:var(--primary);flex-shrink:0;margin-top:.15rem}.ch-head{color:#fff;background:linear-gradient(135deg,#4a0e1c 0%,#7a0f1f 50%,#b3122e 100%);border-radius:0 0 18px 18px;align-items:center;gap:1rem;padding:1.6rem;display:flex}.ch-avatar{background:#ffffff29;border:2px solid #ffffff59;border-radius:20px;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:1.9rem;font-weight:800;display:grid}.ch-info h1{font-size:1.45rem;font-weight:800}.ch-channel{opacity:.92;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.9rem;display:flex}.ch-date{opacity:.7;align-items:center;gap:.35rem;margin-top:.3rem;font-size:.78rem;display:flex}.ch-stats{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.4rem 1.5rem 1rem;display:grid}@media (width<=520px){.ch-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}}.ch-stat{text-align:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .5rem;display:flex}.ch-stat b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.1rem;font-weight:800;overflow:hidden}.ch-stat small{color:var(--text-muted);font-size:.72rem}.ch-stat-ico{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.ch-list{flex-direction:column;gap:.5rem;display:flex}.ch-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.ch-item b{font-size:.88rem;display:block}.ch-item small{color:var(--text-muted);font-size:.75rem}.ch-views{color:var(--primary-deep);white-space:nowrap;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;display:inline-flex}.dash-hero-btn{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex;position:relative}.dash-hero-btn:hover{background:#ffffff42;text-decoration:none}.help-faq{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;overflow:hidden}.help-faq-q{text-align:right;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem 1rem;font-size:.9rem;font-weight:700;display:flex}.help-faq-q:hover{background:var(--primary-soft)}.help-rot{transition:transform .2s;transform:rotate(180deg)}.help-faq-a{color:var(--text-muted);padding:0 1rem 1rem;font-size:.85rem;line-height:1.9}.help-rules{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=700px){.help-rules{grid-template-columns:1fr}}.help-rule{background:var(--bg-soft);border:1px solid var(--border);color:var(--primary);border-radius:12px;align-items:flex-start;gap:.7rem;padding:.8rem .9rem;display:flex}.help-rule div{flex-direction:column;display:flex}.help-rule b{color:var(--text);font-size:.88rem}.help-rule span{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;line-height:1.6}:root[data-theme=dark] .support-card{background:linear-gradient(135deg,var(--primary-soft),#241d1f)}:root[data-theme=dark] .ch-stat,:root[data-theme=dark] .nbell-btn{background:var(--bg-soft)}.landing-page{overflow-x:hidden}.lp-section{padding:5rem 1.5rem}.lp-section.lp-dark{background:var(--surface)}.lp-section-inner{max-width:1100px;margin:0 auto}.lp-section-title{text-align:center;margin-bottom:.75rem;font-size:2rem;font-weight:800}.lp-section-sub{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-size:1.05rem}.lp-badge{background:var(--primary-soft,#e74c3c26);color:var(--primary);border-radius:999px;margin-bottom:1rem;padding:.3rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.lp-grid{gap:1.5rem;display:grid}.lp-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lp-grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.lp-hero{flex-wrap:wrap;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:5rem 2rem 4rem;display:flex}.lp-hero-content{flex:1;min-width:300px}.lp-headline{margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.lp-accent{color:var(--primary)}.lp-sub{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.lp-hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.btn-hero-primary{background:var(--primary);border-radius:var(--radius,12px);cursor:pointer;border:none;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s;color:#fff!important}.btn-hero-primary:hover{opacity:.88}.btn-hero-secondary{border-radius:var(--radius,12px);border:2px solid var(--primary);cursor:pointer;background:0 0;padding:.75rem 1.75rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s;color:var(--primary)!important}.btn-hero-secondary:hover{background:var(--primary-soft,#e74c3c1a)}.btn-hero-video{color:var(--text);border-radius:var(--radius,12px);border:1px solid var(--border);cursor:pointer;background:0 0;padding:.75rem 1.25rem;font-size:1rem;transition:background .2s}.btn-hero-video:hover{background:var(--border)}.lp-stats-row{flex-wrap:wrap;gap:2rem;display:flex}.lp-stat{text-align:center}.lp-stat span{color:var(--primary);font-size:1.8rem;font-weight:800;display:block}.lp-stat label{color:var(--text-muted);font-size:.8rem}.lp-hero-visual{flex:0 0 320px;justify-content:center;display:flex}.lp-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:flex-start;gap:1rem;width:100%;max-width:320px;padding:1.5rem;display:flex;box-shadow:0 8px 32px #00000026}.lp-card-avatar{font-size:3rem}.lp-card-info{flex:1}.lp-card-name{margin-bottom:.25rem;font-weight:700}.lp-card-desc{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem}.lp-card-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.lp-card-fill{background:var(--primary);border-radius:999px;height:100%}.lp-card-pct{color:var(--primary);margin-top:.3rem;font-size:.8rem;font-weight:700}.lp-feature-card{background:var(--bg,#fff);border:1px solid var(--border);text-align:center;border-radius:14px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.lp-section.lp-dark .lp-feature-card{background:var(--bg)}.lp-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.lp-feature-icon{margin-bottom:.75rem;font-size:2rem;display:block}.lp-feature-card h3{margin-bottom:.5rem;font-size:1.05rem}.lp-feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.lp-steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.5rem;display:flex}.lp-step{text-align:center;max-width:200px;padding:1rem}.lp-step-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .75rem;font-size:1.2rem;font-weight:800;display:flex}.lp-step h3{margin-bottom:.5rem;font-size:1rem}.lp-step p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.lp-step-arrow{color:var(--primary);align-self:flex-start;padding-top:1.5rem;font-size:1.5rem}@media (width<=700px){.lp-step-arrow{display:none}.lp-steps{gap:1rem}}.lp-live-empty{text-align:center;border:2px dashed var(--border);color:var(--text-muted);border-radius:16px;padding:3rem}.lp-live-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:box-shadow .2s;display:flex}.lp-live-card:hover{box-shadow:0 4px 16px #e74c3c33}.lp-live-badge{color:#fff;background:#e74c3c;border-radius:999px;width:fit-content;padding:.2rem .6rem;font-size:.75rem;font-weight:700;animation:1.5s infinite lp-pulse;display:inline-block}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.65}}.lp-live-channel{margin:0;font-weight:700}.lp-mission-inner{flex-wrap:wrap;align-items:center;gap:4rem;display:flex}.lp-mission-text{flex:1;min-width:280px}.lp-mission-text h2{margin:.75rem 0 1rem;font-size:1.8rem;font-weight:800}.lp-mission-text p{color:var(--text-muted);margin-bottom:1rem;line-height:1.8}.lp-quote{border-right:4px solid var(--primary);background:var(--surface);color:var(--text);border-radius:0 12px 12px 0;margin-top:1.5rem;padding:1rem 1.25rem;font-size:1.05rem;font-style:italic}.lp-mission-visual{flex:0 0 260px}.lp-impact-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.lp-impact-item{text-align:center}.lp-impact-item span{font-size:2rem}.lp-impact-item p{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}.lp-impact-arrow{color:var(--primary);font-size:1.5rem}.lp-story-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:14px;padding:1.5rem}.lp-story-avatar{margin-bottom:.75rem;font-size:2.5rem;display:block}.lp-story-name{margin-bottom:.25rem;font-weight:700}.lp-story-role{background:var(--primary-soft,#e74c3c1f);color:var(--primary);border-radius:999px;margin-bottom:.75rem;padding:.2rem .7rem;font-size:.78rem;display:inline-block}.lp-story-text{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.6}.lp-faq-list{flex-direction:column;gap:.75rem;max-width:720px;margin:0 auto;display:flex}.lp-faq-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:1rem 1.25rem;transition:border-color .2s}.lp-faq-item:hover{border-color:var(--primary)}.lp-faq-q{justify-content:space-between;align-items:center;gap:1rem;font-weight:600;display:flex}.lp-faq-arrow{color:var(--primary);flex-shrink:0;font-size:.9rem}.lp-faq-a{color:var(--text-muted);margin-top:.75rem;font-size:.92rem;line-height:1.7}.lp-cta-inner{text-align:center;max-width:600px;margin:0 auto}.lp-cta-inner h2{margin-bottom:1rem;font-size:2rem;font-weight:800}.lp-cta-inner>p{color:var(--text-muted);margin-bottom:2rem;line-height:1.7}.lp-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.lp-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lp-modal{background:var(--bg);border-radius:16px;width:90%;max-width:640px;padding:1.5rem;position:relative}.lp-modal-close{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1rem;position:absolute;top:.75rem;left:.75rem}.lp-modal-video{justify-content:center;align-items:center;min-height:200px;display:flex}@media (width<=768px){.lp-hero{flex-direction:column;padding:3rem 1rem}.lp-hero-visual{flex:none;width:100%}.lp-mission-inner{flex-direction:column;gap:2rem}.lp-mission-visual{flex:none;width:100%}.lp-section{padding:3rem 1rem}.lp-section-title{font-size:1.5rem}}:root{--surface:var(--card)}.landing-page .lp-hero{color:#fff;background:linear-gradient(135deg,#c0392b 0%,#922b21 30%,#1a1a2e 75%);border-radius:0 0 32px 32px;max-width:100%;padding:6rem 4rem 5rem;position:relative;overflow:hidden}.landing-page .lp-hero:before{content:"";pointer-events:none;background:radial-gradient(at 70%,#e74c3c59 0%,#0000 60%);position:absolute;inset:0}.landing-page .lp-headline{color:#fff;text-shadow:0 2px 16px #0000004d}.landing-page .lp-sub{color:#ffffffd9}.landing-page .lp-stat span{color:#f9ca74}.landing-page .lp-stat label{color:#ffffffbf}.landing-page .btn-hero-primary{background:#fff;box-shadow:0 4px 20px #00000040;color:#c0392b!important}.landing-page .btn-hero-primary:hover{background:#f9ca74;color:#922b21!important}.landing-page .btn-hero-secondary{border-color:#ffffffb3;color:#fff!important}.landing-page .btn-hero-secondary:hover{background:#ffffff1f}.landing-page .btn-hero-video{color:#fff;border-color:#fff6}.landing-page .lp-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;padding:1.75rem;transition:transform .3s;transform:rotate(-2deg);box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff14}.landing-page .lp-card-name{color:#fff}.landing-page .lp-card-desc{color:#ffffffb3}.landing-page .lp-card-bar{background:#fff3}.landing-page .lp-card-fill{background:#f9ca74}.landing-page .lp-card-pct{color:#f9ca74}.landing-page .lp-section-title{padding-bottom:.75rem;position:relative}.landing-page .lp-feature-card{border-top:3px solid #0000;transition:border-color .25s,transform .25s,box-shadow .25s}.landing-page .lp-live-empty{background:var(--surface);border-color:var(--primary)}.landing-page .lp-cta{color:#fff;background:linear-gradient(135deg,#922b21,#1a1a2e)!important}.landing-page .lp-cta .lp-cta-inner h2{color:#fff}.landing-page .lp-cta .btn-hero-primary{background:#fff;color:#c0392b!important}.landing-page .lp-cta .btn-hero-secondary{border-color:#ffffffb3;color:#fff!important}.landing-page .lp-story-card{border-top:3px solid var(--primary)}.landing-page .lp-quote{background:var(--surface);border-right:4px solid #f9ca74;font-size:1.1rem}@media (width<=900px){.landing-page .lp-hero{border-radius:0;padding:4rem 1.5rem 3rem}.landing-page .lp-hero-card{transform:none}}.landing-page{--primary:#8a1f2d;--primary-dark:#5f141e;--primary-soft:#8a1f2d12;--gold:#c9a15a;--gold-dark:#a17c36;--gold-soft:#c9a15a29;--bg:#fbf8f2;--surface:#fff;--border:#e9dfcc;--text:#2b2118;--text-muted:#857a6b;--radius:16px;--font-display:"Amiri", "Cairo", "Segoe UI", serif;--font-body:"Cairo", "Segoe UI", Tahoma, sans-serif;font-family:var(--font-body);background:var(--bg);scroll-behavior:smooth}.landing-nav{background:#faf7f0e0!important;border-bottom:1px solid #c9a15a59!important;padding:.8rem 2rem!important}:root[data-theme=dark] .landing-nav{background:#140f0ce6!important;border-bottom-color:#c9a15a40!important}.landing-brand{font-family:var(--font-display);letter-spacing:.5px;color:var(--primary)!important}.landing-nav-links a:hover{color:var(--gold-dark)!important}.landing-page .lp-section{padding:6rem 1.5rem}.landing-page .lp-section-inner{max-width:1100px}.landing-page .lp-badge{background:linear-gradient(90deg, transparent, var(--gold-soft), transparent);color:var(--gold-dark);letter-spacing:.4px;border:1px solid #c9a15a66;border-radius:999px;padding:.35rem 1.2rem}.landing-page .lp-section-title{font-family:var(--font-display);color:var(--text);font-size:2.2rem;font-weight:700}.landing-page .lp-section-title:before{content:"◆";color:var(--gold);text-align:center;letter-spacing:.5rem;text-indent:.5rem;margin-bottom:.5rem;font-size:.65rem;display:block}.landing-page .lp-section-sub{color:var(--text-muted);margin-bottom:3.5rem;font-size:1.05rem}.landing-page .lp-hero{color:#fff;background:radial-gradient(1100px 520px at 88% -12%,#c9a15a47,#0000 58%),radial-gradient(900px 480px at 6% 112%,#0006,#0000 60%),linear-gradient(158deg,#4a0e16 0%,#6e1420 46%,#290a10 100%);border-radius:0 0 46px 46px;padding:7rem 4rem 5.5rem;position:relative;overflow:hidden}.landing-page .lp-hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0e 1px,#0000 1.6px);background-size:30px 30px;position:absolute;inset:0}.landing-page .lp-hero:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 22%, var(--gold) 78%, transparent);height:4px;position:absolute;bottom:0;left:0;right:0}.landing-page .lp-hero-content{z-index:2;position:relative}.landing-page .lp-headline{font-family:var(--font-display);color:#fff;text-shadow:0 4px 24px #00000059;font-size:clamp(2.6rem,5vw,4rem)}.landing-page .lp-accent{color:#e6c37b}.landing-page .lp-sub{color:#fffbf4e0;font-size:1.12rem;line-height:1.85}.landing-page .lp-sub strong{color:#e6c37b;font-weight:700}.landing-page .btn-hero-primary{font-family:var(--font-body);background:linear-gradient(135deg,#d9b26a,#b8893c);border-radius:999px;padding:.8rem 2rem;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 26px #d8b26a59;color:#3a0e13!important}.landing-page .btn-hero-primary:hover{filter:brightness(1.05);background:linear-gradient(135deg,#e3c07e,#c19548);transform:translateY(-2px);box-shadow:0 12px 32px #d8b26a73}.landing-page .btn-hero-secondary{background:0 0;border:2px solid #e6c37bbf;border-radius:999px;padding:.8rem 2rem;font-weight:700;transition:background .2s,border-color .2s;color:#f2e3c2!important}.landing-page .btn-hero-secondary:hover{background:#e6c37b1f;border-color:#e6c37b}.landing-page .btn-hero-video{border:1px solid #ffffff59;border-radius:999px;padding:.8rem 1.5rem;transition:background .2s;color:#fff!important}.landing-page .btn-hero-video:hover{background:#ffffff1a}.landing-page .lp-stat span{font-family:var(--font-display);color:#e6c37b;font-size:2.1rem}.landing-page .lp-stat label{color:#fffbf4b8;letter-spacing:.5px;font-size:.82rem}.landing-page .lp-stat{border-right:1px solid #e6c37b4d;padding:0 1.5rem}.landing-page .lp-stat:last-child{border-right:none}.landing-page .lp-hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff21,#ffffff0d);border:1px solid #e6c37b59;border-radius:22px;padding:1.9rem;transition:transform .35s;transform:rotate(-1.5deg);box-shadow:0 20px 55px #00000073,inset 0 0 0 1px #ffffff0f}.landing-page .lp-hero-card:hover{transform:rotate(0)scale(1.02)}.landing-page .lp-card-name{font-family:var(--font-display);color:#fff;font-size:1.15rem}.landing-page .lp-card-desc{color:#fffbf4b8;font-size:.88rem}.landing-page .lp-card-bar{background:#ffffff2e;height:9px}.landing-page .lp-card-fill{background:linear-gradient(90deg,#d9b26a,#e6c37b);box-shadow:0 0 12px #e6c37b80}.landing-page .lp-card-pct{color:#e6c37b;font-weight:700}.landing-page .lp-section.lp-dark{color:#f7ead2;background:radial-gradient(900px 400px at 100% 0,#c9a15a1a,#0000 55%),linear-gradient(170deg,#3b0f16,#23070d)}.landing-page .lp-feature-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:var(--radius);padding:2rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 4px 18px #5a28190f}.landing-page .lp-feature-card:hover{border-top-color:var(--gold-dark);transform:translateY(-6px);box-shadow:0 16px 38px #5a281921}.landing-page .lp-feature-icon{background:var(--gold-soft);border:1px solid #c9a15a59;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:1rem;font-size:1.6rem;display:inline-flex}.landing-page .lp-feature-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.landing-page .lp-feature-card p{color:var(--text-muted);line-height:1.75}.landing-page .lp-section.lp-dark .lp-feature-card{border:1px solid #e6c37b38;border-top:3px solid var(--gold);box-shadow:none;background:#ffffff0d}.landing-page .lp-section.lp-dark .lp-feature-card:hover{background:#ffffff14;box-shadow:0 16px 40px #0000004d}.landing-page .lp-section.lp-dark .lp-feature-card h3{color:#f7ead2}.landing-page .lp-section.lp-dark .lp-feature-card p{color:#f7ead2b3}.landing-page .lp-step-num{color:#3a0e13;width:3.2rem;height:3.2rem;font-family:var(--font-display);background:linear-gradient(135deg,#d9b26a,#b8893c);box-shadow:0 6px 18px #d8b26a59}.landing-page .lp-step h3{font-family:var(--font-display);color:#f7ead2}.landing-page .lp-step p{color:#f7ead2b3}.landing-page .lp-step-arrow{color:#e6c37b}.landing-page .lp-live-empty{background:var(--surface);border-radius:var(--radius);color:var(--text-muted);border:2px dashed #c9a15a80}.landing-page .lp-live-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--gold);padding:1.4rem;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 18px #5a28190f}.landing-page .lp-live-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #8a1f2d26}.landing-page .lp-live-badge{color:#fff;background:linear-gradient(135deg,#b1272c,#8a1f2d);border-radius:999px;padding:.28rem .9rem;font-size:.78rem;box-shadow:0 4px 14px #b1272c59}.landing-page .lp-live-channel{font-family:var(--font-display);color:var(--text);font-size:1.08rem}.landing-page .lp-mission-text h2{font-family:var(--font-display);color:var(--text);font-size:1.9rem}.landing-page .lp-mission-text p{color:var(--text-muted)}.landing-page .lp-quote{border-right:4px solid var(--gold);background:linear-gradient(90deg, var(--gold-soft), var(--surface));color:var(--text);border-radius:0 14px 14px 0;font-size:1.08rem}.landing-page .lp-impact-box{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:var(--radius);box-shadow:0 8px 26px #5a281914}.landing-page .lp-impact-arrow{color:var(--gold)}.landing-page .lp-story-card{border:1px solid #e6c37b38;border-top:3px solid var(--gold);border-radius:var(--radius);background:#ffffff0d;padding:1.8rem 1.4rem;transition:transform .25s,background .25s}.landing-page .lp-story-card:hover{background:#ffffff14;transform:translateY(-5px)}.landing-page .lp-story-avatar{background:var(--gold-soft);border:1px solid #e6c37b66;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.9rem;font-size:1.9rem;display:inline-flex}.landing-page .lp-story-name{font-family:var(--font-display);color:#f7ead2;font-size:1.05rem}.landing-page .lp-story-role{color:#e6c37b;background:linear-gradient(90deg,#c9a15a33,#0000);border:1px solid #e6c37b4d}.landing-page .lp-story-text{color:#f7ead2bf}.landing-page .lp-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.4rem;transition:border-color .2s,box-shadow .2s}.landing-page .lp-faq-item:hover{border-color:var(--gold);box-shadow:0 6px 20px #5a281914}.landing-page .lp-faq-q{font-family:var(--font-display);color:var(--text);font-size:1.06rem}.landing-page .lp-faq-arrow{color:var(--gold)}.landing-page .lp-faq-a{color:var(--text-muted);line-height:1.8}.landing-page .lp-cta{background:radial-gradient(800px 380px at 50% 0,#c9a15a24,#0000 60%),linear-gradient(160deg,#4a0e16,#23070d)!important}.landing-page .lp-cta .lp-cta-inner h2{font-family:var(--font-display);color:#f7ead2;font-size:2.3rem}.landing-page .lp-cta .lp-cta-inner>p{color:#f7ead2cc}.landing-page .lp-cta .lp-cta-inner>p:last-child{color:#f7ead28c}.landing-page .lp-cta .btn-hero-primary{background:linear-gradient(135deg,#d9b26a,#b8893c);border-radius:999px;color:#3a0e13!important}.landing-page .lp-cta .btn-hero-secondary{border-color:#e6c37bb3;border-radius:999px;color:#f2e3c2!important}.landing-page .lp-modal-overlay{background:#140a08b8}.landing-page .lp-modal{background:var(--surface);border:1px solid var(--gold);border-radius:20px}.landing-page .lp-modal-close{background:var(--gold-soft);color:var(--primary)}@media (width<=900px){.landing-page .lp-hero{border-radius:0 0 26px 26px;padding:4rem 1.5rem 3.5rem}.landing-page .lp-section{padding:4rem 1rem}.landing-page .lp-stat{border-right:none;padding:0}}.landing-page{--bg:#f6efe3;--surface:#fdfaf4;--border:#e5d8bf;--text-muted:#8a7d68;background:linear-gradient(#faf5ea 0%,#f2e9d9 100%)}.landing-page .lp-feature-card,.landing-page .lp-live-card,.landing-page .lp-faq-item,.landing-page .lp-impact-box{background:var(--surface);border-color:#e5d8bf;box-shadow:0 6px 22px #7a522c17}.landing-page .lp-quote{background:linear-gradient(90deg, var(--gold-soft), var(--surface))}.landing-page .lp-live-empty,.landing-page .lp-modal{background:var(--surface)}.landing-page .lp-feature-icon{color:var(--gold-dark);background:var(--gold-soft)}.landing-page .lp-feature-card svg{width:1.45em;height:1.45em}.landing-page .lp-impact-item span{color:var(--gold-dark);display:inline-flex}.landing-page .lp-impact-item svg{width:1.9rem;height:1.9rem}.landing-page .lp-story-avatar{color:var(--gold-dark)}.landing-page .lp-story-avatar svg{width:1.3em;height:1.3em}.landing-page .lp-card-avatar{color:#e6c37b;background:#e6c37b2e;border:1px solid #e6c37b73;border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1rem;display:inline-flex}.landing-page .lp-card-avatar svg{width:1.7rem;height:1.7rem}.landing-page .btn-hero-video{align-items:center;gap:.5rem;display:inline-flex}.landing-page .btn-hero-video svg{width:1.05em;height:1.05em}.landing-page .lp-modal-video svg{width:3rem;height:3rem;color:var(--gold-dark);margin:0 auto .75rem;display:block}.landing-page .lp-live-card .btn-small{border-radius:999px;font-weight:700;box-shadow:0 6px 18px #d8b26a4d;color:#3a0e13!important;background:linear-gradient(135deg,#d9b26a,#b8893c)!important}.landing-page .lp-live-badge{align-items:center;gap:.45rem;display:inline-flex}.landing-page .lp-live-dot{background:#ff5a5f;border-radius:50%;width:8px;height:8px;animation:1.4s infinite lp-pulse;box-shadow:0 0 #ff5a5f8c}.landing-page .lp-live-title:before{content:"";text-indent:0;letter-spacing:0;background:#ff5a5f;border-radius:50%;width:10px;height:10px;margin:0 auto .55rem;animation:1.4s infinite lp-pulse;display:block;box-shadow:0 0 #ff5a5f8c}.lp-overline{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.lp-hero-pro{background-position:top;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:92vh;padding:0;display:flex;position:relative}.lp-hero-pro-overlay{background:linear-gradient(110deg,#780a0ae0 0%,#141428bf 60%,#0000008c 100%);position:absolute;inset:0}.lp-hero-pro-content{z-index:2;color:#fff;max-width:680px;padding:5rem 4rem;position:relative}.lp-badge-pro{letter-spacing:.06em;color:#ffffffe6;border:1px solid #ffffff73;border-radius:999px;margin-bottom:1.25rem;padding:.3rem 1rem;font-size:.82rem;font-weight:600;display:inline-block}.lp-headline-pro{color:#fff;text-shadow:0 2px 20px #0006;margin-bottom:1.25rem;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.1}.lp-accent-pro{color:#f9ca74;display:block}.lp-sub-pro{color:#ffffffd9;margin-bottom:2rem;font-size:1.15rem;line-height:1.8}@media (width<=768px){.lp-hero-pro-content{padding:4rem 1.5rem}.lp-hero-pro{min-height:80vh}}.lp-counter-bar{background:var(--primary);padding:2.5rem 1.5rem}.lp-counter-inner{flex-wrap:wrap;justify-content:space-around;gap:1rem;max-width:900px;margin:0 auto;display:flex}.lp-counter-item{text-align:center;color:#fff}.lp-counter-num{font-size:2.5rem;font-weight:900;line-height:1}.lp-counter-label{opacity:.85;margin-top:.3rem;font-size:.85rem}.lp-causes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.lp-cause-card{cursor:default;background-position:50%;background-size:cover;border-radius:16px;height:280px;transition:transform .3s;position:relative;overflow:hidden}.lp-cause-card:hover{transform:scale(1.02)}.lp-cause-overlay{background:linear-gradient(#00000026 0%,#000000c7 60%);position:absolute;inset:0}.lp-cause-content{color:#fff;z-index:2;padding:1.5rem;position:absolute;bottom:0}.lp-cause-content h3{margin-bottom:.35rem;font-size:1.15rem;font-weight:800}.lp-cause-content p{opacity:.85;font-size:.88rem;line-height:1.5}.lp-steps-pro{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:1rem;display:grid}.lp-step-pro{padding:2rem 1.5rem;position:relative}.lp-step-pro:before{content:"";background:var(--primary);border-radius:2px;width:100%;height:3px;position:absolute;top:0;right:0}.lp-step-pro-num{color:var(--primary);opacity:.25;margin-bottom:.5rem;font-size:3rem;font-weight:900;line-height:1}.lp-step-pro h3{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.lp-step-pro p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.lp-live-dot{background:#e74c3c;border-radius:50%;width:12px;height:12px;margin-left:.5rem;animation:1.5s infinite lp-pulse;display:inline-block}.lp-live-loading{text-align:center;color:var(--text-muted);padding:3rem}.lp-live-empty-pro{text-align:center;border:2px dashed var(--border);border-radius:16px;padding:4rem 2rem}.lp-live-empty-icon{margin-bottom:1rem;font-size:3rem}.lp-live-empty-pro p{color:var(--text-muted);font-size:1rem}.lp-live-empty-pro small{color:var(--text-muted);font-size:.85rem}.lp-live-card-pro{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.4rem;padding:1.25rem;display:flex}.lp-live-badge-pro{color:#fff;background:#e74c3c;border-radius:999px;width:fit-content;padding:.15rem .55rem;font-size:.72rem;font-weight:700;animation:1.5s infinite lp-pulse;display:inline-block}.lp-mission-pro{color:#fff;background-position:50%;background-size:cover;padding:7rem 4rem;position:relative}.lp-mission-pro-overlay{background:linear-gradient(110deg,#640f0fe6 0%,#0f1428d9 100%);position:absolute;inset:0}.lp-mission-pro-content{z-index:2;max-width:680px;margin:0 auto;position:relative}.lp-mission-pro-content h2{margin:.75rem 0 1.25rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2}.lp-mission-pro-content p{color:#ffffffd1;margin-bottom:1.25rem;line-height:1.8}.lp-mission-pro-content blockquote{background:#ffffff14;border-right:4px solid #f9ca74;border-radius:0 12px 12px 0;margin-bottom:2rem;padding:1rem 1.25rem;font-size:1.1rem;font-style:italic}.lp-mission-stats{flex-wrap:wrap;gap:2.5rem;display:flex}.lp-mission-stat{text-align:center}.lp-mission-stat span{color:#f9ca74;font-size:2rem;font-weight:900;display:block}.lp-mission-stat label{color:#ffffffb3;font-size:.8rem}@media (width<=768px){.lp-mission-pro{padding:4rem 1.5rem}}.lp-feature-pro{border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:2rem;transition:transform .25s,box-shadow .25s,border-color .25s}.lp-feature-pro:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 32px #e74c3c1f}.lp-feature-pro-icon{background:var(--primary-soft,#e74c3c1f);width:52px;height:52px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.lp-feature-pro h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.lp-feature-pro p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.lp-story-pro{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:box-shadow .25s}.lp-story-pro:hover{box-shadow:0 8px 28px #0000001a}.lp-story-pro-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lp-story-pro-img{object-fit:cover;border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:56px;height:56px}.lp-story-pro-name{margin:0 0 .25rem;font-weight:700}.lp-story-pro-text{color:var(--text-muted);font-size:.9rem;font-style:italic;line-height:1.7}.lp-cta-pro{color:#fff;text-align:center;background:linear-gradient(135deg,#922b21 0%,#1a1a2e 100%);padding:6rem 2rem}.lp-cta-pro-inner{max-width:640px;margin:0 auto}.lp-cta-pro h2{margin:.5rem 0 1.25rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900}.lp-cta-pro>.lp-cta-pro-inner>p{color:#ffffffd1;margin-bottom:2rem;line-height:1.8}.lp-cta-pro .btn-hero-primary{background:#fff;color:#c0392b!important}.lp-cta-pro .btn-hero-secondary{border-color:#ffffffb3;color:#fff!important}.lp-section-title .lp-live-dot{vertical-align:middle;width:12px;height:12px;margin-left:.5rem}.lp-section.lp-dark .lp-overline{color:#f9ca74}:root{--clr-red-deep:#8b1a1a;--clr-red-mid:#c0392b;--clr-red-light:#e74c3c;--clr-gold:#f0b429;--clr-dark:#12121e;--clr-dark-mid:#1a1a2e;--clr-warm-bg:#fdf6f0;--clr-warm-card:#fff8f5}.landing-page .lp-section:not(.lp-dark){background:var(--clr-warm-bg)}.landing-page .lp-feature-pro,.landing-page .lp-story-pro{background:var(--clr-warm-card)}.landing-page .lp-hero-pro-overlay{background:linear-gradient(110deg,#640a0ab8 0%,#14142d9e 60%,#00000073 100%)}.landing-page .lp-cause-overlay{background:linear-gradient(#0000000d 0%,#0003 30%,#000c 70%)}.landing-page .lp-cause-card{height:300px}.navbar,nav.nav,header nav,.app-nav,.layout-nav{-webkit-backdrop-filter:blur(12px)!important;background:#12121ed1!important;border-bottom:1px solid #ffffff14!important}.navbar a,nav.nav a,header nav a,.app-nav a,.layout-nav a{color:#ffffffe6!important}.navbar a:hover,nav.nav a:hover{color:var(--clr-gold)!important}.lp-counter-bar{background:linear-gradient(90deg, var(--clr-red-deep) 0%, var(--clr-red-mid) 100%)}.lp-counter-num{text-shadow:0 2px 8px #0000004d;font-size:2.8rem}.landing-page .lp-mission-pro-content blockquote{border-right:4px solid var(--clr-gold);background:#f0b42914}.landing-page .lp-feature-pro:first-child .lp-feature-pro-icon{color:#c0392b;background:#c0392b1f}.landing-page .lp-feature-pro:nth-child(2) .lp-feature-pro-icon{color:#2980b9;background:#3498db1f}.landing-page .lp-feature-pro:nth-child(3) .lp-feature-pro-icon{color:#27ae60;background:#27ae601f}.landing-page .lp-feature-pro:nth-child(4) .lp-feature-pro-icon{color:#e67e22;background:#e67e221f}.landing-page .lp-feature-pro:nth-child(5) .lp-feature-pro-icon{color:#8e44ad;background:#8e44ad1f}.landing-page .lp-feature-pro:nth-child(6) .lp-feature-pro-icon{color:#16a085;background:#16a0851f}.landing-page .lp-feature-pro:first-child{border-top:3px solid #c0392b}.landing-page .lp-feature-pro:nth-child(2){border-top:3px solid #2980b9}.landing-page .lp-feature-pro:nth-child(3){border-top:3px solid #27ae60}.landing-page .lp-feature-pro:nth-child(4){border-top:3px solid #e67e22}.landing-page .lp-feature-pro:nth-child(5){border-top:3px solid #8e44ad}.landing-page .lp-feature-pro:nth-child(6){border-top:3px solid #16a085}.landing-page .lp-step-pro:first-child:before{background:var(--clr-red-mid)}.landing-page .lp-step-pro:nth-child(2):before{background:var(--clr-gold)}.landing-page .lp-step-pro:nth-child(3):before{background:#27ae60}.landing-page .lp-step-pro:nth-child(4):before{background:#2980b9}.landing-page .lp-step-pro:first-child .lp-step-pro-num{color:var(--clr-red-mid)}.landing-page .lp-step-pro:nth-child(2) .lp-step-pro-num{color:var(--clr-gold)}.landing-page .lp-step-pro:nth-child(3) .lp-step-pro-num{color:#27ae60}.landing-page .lp-step-pro:nth-child(4) .lp-step-pro-num{color:#2980b9}.landing-page .lp-story-pro{border-bottom:3px solid var(--clr-red-mid)}.landing-page .lp-story-pro-img{border-color:var(--clr-gold)}.landing-page .lp-overline{align-items:center;gap:.5rem;display:flex}.landing-page .lp-overline:before{content:"";background:currentColor;border-radius:2px;width:1.5rem;height:2px;display:inline-block}.landing-page .lp-section-title:after{content:"";background:var(--clr-red-mid);border-radius:2px;width:3.5rem;height:3px;margin:.6rem auto 0;display:block}.landing-page .lp-cta-pro .btn-hero-primary{font-weight:800;background:var(--clr-gold)!important;color:var(--clr-dark)!important}.landing-page .lp-cta-pro .btn-hero-primary:hover{background:#ffd060!important}.landing-page .lp-faq-item{background:var(--clr-warm-card)}@media (width<=600px){.lp-counter-num{font-size:2rem}.lp-counter-label{font-size:.75rem}.lp-causes-grid{grid-template-columns:1fr 1fr}.lp-cause-card{height:220px}}.landing-page{position:relative}.lp-nav{z-index:60;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 3rem;display:flex;position:absolute;top:0;left:0;right:0}.lp-nav-brand{font-family:var(--font-display);color:#fff;align-items:center;gap:.45rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.lp-nav-brand:before{content:"◆";color:var(--clr-gold);font-size:.8em}.lp-nav-links{align-items:center;gap:1.6rem;display:flex}.lp-nav-links a{color:#ffffffd9;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.lp-nav-links a:hover{color:var(--clr-gold)!important}.lp-nav-auth{align-items:center;gap:1rem;display:flex}.lp-nav-login{color:#ffffffe6;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.lp-nav-login:hover{color:var(--clr-gold)!important}.lp-nav .btn-hero-primary{padding:.55rem 1.35rem;font-size:.9rem}@media (width<=860px){.lp-nav{padding:.85rem 1.5rem}.lp-nav-links{display:none}}.landing-page .lp-section.lp-dark .lp-feature-pro{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff0d;border-color:#ffffff1a}.landing-page .lp-section.lp-dark .lp-feature-pro h3{color:#fff}.landing-page .lp-section.lp-dark .lp-feature-pro p{color:#ffffffad}.landing-page .lp-section.lp-dark .lp-feature-pro:hover{background:#ffffff17;border-color:#ffffff38;transform:translateY(-5px);box-shadow:0 12px 32px #00000059}.landing-page .lp-section.lp-dark .lp-feature-pro:first-child{border-top:3px solid #e74c3c}.landing-page .lp-section.lp-dark .lp-feature-pro:nth-child(2){border-top:3px solid #3498db}.landing-page .lp-section.lp-dark .lp-feature-pro:nth-child(3){border-top:3px solid #2ecc71}.landing-page .lp-section.lp-dark .lp-feature-pro:nth-child(4){border-top:3px solid #f39c12}.landing-page .lp-section.lp-dark .lp-feature-pro:nth-child(5){border-top:3px solid #9b59b6}.landing-page .lp-section.lp-dark .lp-feature-pro:nth-child(6){border-top:3px solid #1abc9c}.landing-page .lp-section.lp-dark .lp-feature-pro .lp-feature-pro-icon{background:#ffffff14}.landing-page .lp-section.lp-dark .lp-step-pro h3{color:#fff}.landing-page .lp-section.lp-dark .lp-step-pro p{color:#ffffffa6}.landing-page .lp-section.lp-dark .lp-section-title{color:#fff}.landing-page .lp-section.lp-dark .lp-section-sub{color:#ffffffa6}.landing-page .lp-section.lp-dark .lp-overline{color:var(--clr-gold,#f0b429)}.landing-page .lp-section.lp-dark .lp-faq-item{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.landing-page .lp-section.lp-dark .lp-faq-item:hover{border-color:#ffffff40}.landing-page .lp-section.lp-dark .lp-faq-q{color:#fff}.landing-page .lp-section.lp-dark .lp-faq-a{color:#ffffffb8}.landing-page .lp-faq-a,.lp-faq-a{border-top:1px solid #80808033;margin-top:.75rem;padding-top:.5rem;font-size:.92rem;line-height:1.8;animation:.2s faq-slide-in;display:block!important}@keyframes faq-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-page .lp-section.lp-dark .lp-faq-a{border-top-color:#ffffff1f;color:#ffffffc7!important}.landing-page .lp-section:not(.lp-dark) .lp-faq-a{color:var(--text-muted)}.landing-page .lp-faq-a,.lp-faq-a{max-height:none!important;overflow:visible!important}.day-progress-grid{grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.25rem;display:grid}.day-progress{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.85rem 1rem}.day-progress-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.day-done{color:var(--success)}.day-rest{color:var(--text-muted)}.progress-track{background:var(--bg-soft);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), #f39c12);border-radius:999px;height:100%;transition:width .4s}.progress-fill.fill-video{background:linear-gradient(90deg,#2ecc71,#27ae60)}.quick-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-chip{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font);padding:.4rem 1rem;transition:all .18s}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.watch-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.media-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.media-thumb{aspect-ratio:16/9;background:var(--bg-soft);cursor:pointer;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.media-card:hover .media-thumb img{transform:scale(1.04)}.media-thumb-fallback{background:linear-gradient(135deg, var(--bg-soft), var(--border));justify-content:center;align-items:center;width:100%;height:100%;font-size:2.4rem;display:flex}.media-type-badge{color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.media-duration{color:#fff;border-radius:var(--radius-pill);background:#000000bf;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.5rem;left:.5rem}.media-play{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-play span{color:#fff;background:#e05256e6;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1rem;display:flex;box-shadow:0 4px 16px #00000059}.media-thumb:hover .media-play{opacity:1}.media-body{flex-direction:column;flex:1;gap:.45rem;padding:.85rem;display:flex}.media-title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:.92rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.media-meta{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.category-chip{background:var(--primary-soft,#e74c3c1a);color:var(--primary);border-radius:var(--radius-pill);padding:.16rem .6rem;font-weight:700}.media-views{color:var(--text-muted);font-weight:600}.media-owner{color:var(--text-muted);margin:0;font-size:.8rem}.media-owner-link{color:var(--primary);margin-inline-start:.3rem;font-weight:700}.media-actions{align-items:center;gap:.4rem;margin-top:auto;display:flex}.media-report{background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:.3rem .55rem;font-size:.8rem;transition:all .15s}.media-report:hover{border-color:var(--primary);background:#ffeaea}.media-live-badge{color:#fff;border-radius:var(--radius-pill);background:#c0392b;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:.5rem;right:.5rem}.pulse-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.live-channel{color:#c0392b;background:#c0392b26}.watch-now-btn{color:#fff;background:#c0392b;text-decoration:none}.watch-now-btn:hover{filter:brightness(1.08)}.watch-mini{z-index:999;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;max-width:320px;padding:.7rem .9rem;animation:.25s mini-in;display:flex;position:fixed;bottom:1.25rem;left:1.25rem}@keyframes mini-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.watch-mini-close{background:var(--bg-soft);cursor:pointer;width:1.4rem;height:1.4rem;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;line-height:1;display:flex;position:absolute;top:.3rem;left:.3rem}.watch-mini-close:hover{color:var(--primary);background:#ffeaea}.watch-mini-thumb{background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:74px;height:44px;overflow:hidden}.watch-mini-thumb img{object-fit:cover;width:100%;height:100%}.watch-mini-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.watch-mini-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.3;display:-webkit-box;overflow:hidden}.watch-mini-timer{color:var(--primary);font-size:.78rem;font-weight:700}.mini-progress{height:5px}.history-list{flex-direction:column;display:flex}.history-row{border-bottom:1px solid var(--border);align-items:center;gap:.85rem;padding:.6rem 0;display:flex}.history-row:last-child{border-bottom:none}.history-thumb{background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:110px;height:62px;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-info{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.history-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.history-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.history-duration,.history-time{font-weight:600}.badge-completed{background:var(--success-soft);color:#147a45}.badge-cancelled{color:#c0392b;background:#e74c3c1f}.badge-watching{background:var(--warning-soft);color:#b2570c}.badge-pending{background:var(--bg-soft);color:var(--text-muted)}@media (width<=720px){.day-progress-grid{grid-template-columns:1fr}.watch-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.watch-mini{max-width:none;bottom:.75rem;left:.75rem;right:.75rem}.history-thumb{width:84px;height:50px}}.support-link-btn{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;text-decoration:none}.support-link-btn:hover{color:#1b5e20;filter:none;background:#c8e6c9}.upgrade-card{border:1px dashed var(--primary);background:linear-gradient(135deg, var(--card), var(--primary-soft,#e74c3c0f))}.support-btn{color:#fff;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.support-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}:root{--t27-g1:linear-gradient(135deg,#5c1622 0%,#a82f3e 100%);--t27-g2:linear-gradient(135deg,#7b1e2b 0%,#e85a5a 100%);--t27-g3:linear-gradient(135deg,#3e0f18 0%,#c7384a 100%);--t27-g4:linear-gradient(135deg,#7b1e2b 0%,#f0b429 100%);--t27-g5:linear-gradient(135deg,#a82f3e 0%,#f0b429 100%);--t27-g6:linear-gradient(135deg,#8e2436 0%,#d64545 100%)}.watch-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:1rem!important;display:grid!important}.watch-grid>:nth-child(6n+1) [class*=thumb]{background:var(--t27-g1)!important}.watch-grid>:nth-child(6n+2) [class*=thumb]{background:var(--t27-g2)!important}.watch-grid>:nth-child(6n+3) [class*=thumb]{background:var(--t27-g3)!important}.watch-grid>:nth-child(6n+4) [class*=thumb]{background:var(--t27-g4)!important}.watch-grid>:nth-child(6n+5) [class*=thumb]{background:var(--t27-g5)!important}.watch-grid>:nth-child(6n+6) [class*=thumb]{background:var(--t27-g6)!important}.watch-grid [class*=thumb] img{z-index:1;position:relative}[class*=history] [class*=thumb],[class*=hist-] [class*=thumb]{border-radius:6px!important;width:64px!important;min-width:64px!important;height:40px!important}.ch-head h1,.ch-head h2,.ch-name{text-shadow:0 1px 3px #00000059;color:#fff!important}.ch-notice,.ch-empty-note{color:#ffffffc7!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;margin:.4rem 0!important;padding:.85rem 1rem!important}
