*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0a;--color-bg-2:#111;--color-card:#161616;--color-card-2:#1e1e1e;--color-nav-bg:#fff;--color-header-bg:#f0f0f0;--color-border:#2a2a2a;--color-border-light:#e0e0e0;--color-text:#fff;--color-text-secondary:#999;--color-text-dark:#111;--color-orange:#f59e0b;--color-orange-2:#e8950a;--color-orange-gradient:linear-gradient(135deg, #f5a623, #f0830a);--color-gold:#c9961a;--color-gold-light:#e0b740;--color-blue:#2563eb;--color-blue-dark:#1d4ed8;--color-green:#22c55e;--color-red:#ef4444;--color-gray:#888;--color-gray-light:#ccc;--font:"Vazirmatn", "Tahoma", sans-serif;--radius:12px;--radius-lg:20px;--radius-full:999px;--shadow:0 4px 20px #0006;--shadow-card:0 2px 12px #0000004d;--nav-height:70px;--header-height:60px;--sidebar-width:260px;--max-width:430px}html{font-family:var(--font);background-color:var(--color-bg);font-size:16px}body{font-family:var(--font);background-color:var(--color-nav-bg);color:var(--color-text);direction:rtl;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;outline:none}input,textarea,select{font-family:var(--font);direction:rtl}img{max-width:100%;display:block}.page-container{max-width:var(--max-width);background:var(--color-nav-bg);min-height:100vh;margin:0 auto;position:relative}.content-area{padding-bottom:calc(var(--nav-height) + 16px);min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:var(--color-gold)}.text-orange{color:var(--color-orange)}.text-gray{color:var(--color-gray)}.text-white{color:var(--color-text)}.text-red{color:var(--color-red)}.text-green{color:var(--color-green)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.rounded{border-radius:var(--radius)}.hidden{display:none}@media (width>=768px){.page-container{flex-direction:row;align-items:flex-start;max-width:100%;display:flex}.desktop-sidebar{height:100vh;width:var(--sidebar-width);flex-shrink:0;position:sticky;top:0;overflow-y:auto;display:flex!important}.main-content-wrapper{background:var(--color-nav-bg);flex:1;max-width:600px;min-height:100vh}.bottom-nav{display:none!important}.content-area{padding-bottom:24px}}@media (width<=767px){.desktop-sidebar{display:none!important}.main-content-wrapper{width:100%;max-width:var(--max-width);margin:0 auto}}.page-shell{background:var(--color-nav-bg);min-height:calc(100vh - var(--header-height) - var(--nav-height));direction:rtl;flex-direction:column;gap:16px;padding:16px;display:flex}.section-dark{background:var(--color-bg);border-radius:var(--radius-lg);flex-shrink:0;width:100%}.section-light{border-radius:var(--radius-lg);background:#fff;flex-shrink:0;width:100%;padding:20px 16px 24px}.gold-line{background:linear-gradient(90deg, transparent, var(--color-gold) 30%, var(--color-gold-light) 60%, transparent);width:80%;height:2px}.brand-en{direction:ltr;flex-direction:column;align-items:center;gap:2px;display:flex}.brand-en-main{color:#fff;letter-spacing:3px;font-family:Arial,sans-serif;font-size:26px;font-weight:900}.brand-en-sub{color:#ffffff80;letter-spacing:4px;font-family:Arial,sans-serif;font-size:11px;font-weight:500}.icon-circle-gold{color:var(--color-gold);background:#c9961a1a;border:1.5px solid #c9961a4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.app-tabs{border-bottom:1px solid var(--color-border-light);justify-content:space-around;align-items:flex-end;margin-bottom:16px;display:flex}.app-tab{cursor:pointer;color:#999;font-size:12px;font-weight:600;font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 4px 10px;text-decoration:none;transition:color .2s;display:flex;position:relative}.app-tab.active{color:var(--color-text-dark);font-weight:700}.app-tab.active:after{content:"";background:var(--color-gold);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:10%;right:10%}.page-subheader{direction:ltr;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-subheader span{color:#aaa;letter-spacing:.8px;font-family:Arial,sans-serif;font-size:9px;font-weight:600}.btn-gold{background:var(--color-gold);color:#fff;border-radius:var(--radius);font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;width:100%;padding:16px;transition:background .2s,transform .15s}.btn-gold:hover{background:#b8870f}.btn-gold-solid{background:var(--color-gold-light);color:#000;font-size:17px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;padding:16px 0;transition:background .2s,transform .15s}.btn-gold-solid:hover{background:#e0a820;transform:scale(.98)}.btn-outline-dark{border-radius:var(--radius);color:#fff;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:#ffffff0a;border:1.5px solid #333;justify-content:center;align-items:center;padding:16px 12px;text-decoration:none;transition:all .2s;display:flex}.btn-outline-dark:hover{background:#c9961a14;border-color:#555}.btn-outline-dark.highlight{border-color:var(--color-gold);color:var(--color-gold-light)}.btn-outline-gold{font-size:16px;font-weight:700;font-family:var(--font);background:var(--color-bg);color:#fff;cursor:pointer;border:1.5px solid #333;border-radius:14px;justify-content:center;align-items:center;padding:18px;text-decoration:none;transition:all .2s;display:flex}.btn-outline-gold.highlight{border-color:var(--color-gold);color:var(--color-gold-light)}.btn-outline-gold.highlight:hover{background:#c9961a14;box-shadow:0 0 20px #c9961a1f}.card-dark{background:var(--color-bg);border:1px solid var(--color-card-2);border-radius:14px;transition:background .2s,box-shadow .2s,transform .15s}.card-dark:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 20px #00000040}.card-light{border:1px solid #eee;border-right:3px solid var(--color-gold);background:#fff;border-radius:14px;padding:16px 18px;transition:box-shadow .2s}.card-light:hover{box-shadow:0 2px 12px #0000000f}.section-title{color:var(--color-text-dark);margin:0 0 12px;font-size:16px;font-weight:800}.page-header-bar{direction:rtl;align-items:center;gap:12px;padding:16px 20px;display:flex}.page-header-title{color:#fff;flex:1;margin:0;font-size:17px;font-weight:700}.back-btn{color:#aaa;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:color .2s;display:flex}.back-btn:hover{color:#fff}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-list-item{border:1px solid #eee;border-right:3px solid var(--color-gold);cursor:pointer;font-family:var(--font);text-align:right;direction:rtl;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;transition:box-shadow .2s;display:flex}.menu-list-item:hover{box-shadow:0 2px 12px #0000000f}.menu-list-item .menu-label{color:var(--color-text-dark);flex:1;font-size:15px;font-weight:600}.menu-list-item .menu-icon{color:var(--color-gold);flex-shrink:0;display:flex}.menu-list-item .menu-arrow{color:#ccc;flex-shrink:0}.menu-list-item.logout{border-right-color:var(--color-red)}.menu-list-item.logout .menu-label{color:var(--color-red)}.form-group{direction:rtl;flex-direction:column;gap:6px;display:flex}.form-label{color:#555;font-size:13px;font-weight:600}.form-input{border-radius:var(--radius);color:#111;width:100%;font-size:15px;font-family:var(--font);direction:rtl;background:#fff;border:1.5px solid #e0e0e0;outline:none;padding:14px 16px;transition:border-color .2s}.form-input:focus{border-color:var(--color-gold)}.save-btn{border-radius:var(--radius);background:var(--color-gold);color:#fff;width:100%;font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px;transition:background .2s;display:flex}.save-btn:hover{background:#b8870f}.save-btn.saved{background:var(--color-green)}.list-stack{flex-direction:column;gap:8px;display:flex}.list-row{border:1px solid #eee;border-right:3px solid var(--color-gold);direction:rtl;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:box-shadow .2s;display:flex}.list-row:hover{box-shadow:0 2px 12px #0000000f}@media (width>=768px){.page-shell{gap:20px;padding-block:20px;padding-inline:48px}.section-dark{border-radius:24px}.section-light{border-radius:24px;padding:28px 24px 32px}}@media (width>=900px){.page-shell{padding-inline:64px}}@media (width>=1100px){.page-shell{gap:24px;padding-block:24px;padding-inline:80px}}.page-enter-shell:not(.is-ready) .page-enter-block{opacity:0;transform:translateY(18px)}.page-enter-shell.is-ready .page-enter-block{animation:.48s cubic-bezier(.22,1,.36,1) forwards pageEnterBlock}.page-enter-shell.is-ready .page-enter-stagger>*{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.page-enter-stagger>:first-child{animation-delay:50ms}.page-enter-stagger>:nth-child(2){animation-delay:.1s}.page-enter-stagger>:nth-child(3){animation-delay:.15s}.page-enter-stagger>:nth-child(4){animation-delay:.2s}.page-enter-stagger>:nth-child(5){animation-delay:.25s}.page-enter-stagger>:nth-child(6){animation-delay:.3s}.page-enter-stagger>:nth-child(7){animation-delay:.35s}.page-enter-stagger>:nth-child(8){animation-delay:.4s}.page-enter-stagger>:nth-child(9){animation-delay:.45s}.page-enter-stagger>:nth-child(10){animation-delay:.5s}.page-enter-shell.is-ready .page-enter-stagger-item,.page-enter-panel.is-visible .page-enter-stagger-item{animation:.46s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.page-enter-stagger-item:first-child{animation-delay:40ms}.page-enter-stagger-item:nth-child(2){animation-delay:.1s}.page-enter-stagger-item:nth-child(3){animation-delay:.16s}.page-enter-stagger-item:nth-child(4){animation-delay:.22s}.page-enter-stagger-item:nth-child(5){animation-delay:.28s}.page-enter-stagger-item:nth-child(6){animation-delay:.34s}.page-enter-stagger-item:nth-child(7){animation-delay:.4s}.page-enter-stagger-item:nth-child(8){animation-delay:.46s}.page-enter-stagger-item:nth-child(9){animation-delay:.52s}.page-enter-stagger-item:nth-child(10){animation-delay:.58s}.page-enter-panel{transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1)}.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)scale(.98)}.page-enter-panel.is-visible{opacity:1;transform:translateY(0)scale(1)}.page-enter-panel.is-visible .page-enter-panel-inner{animation:.48s cubic-bezier(.22,1,.36,1) pageEnterBlock}.page-enter-panel.is-visible .page-enter-stagger-item{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.page-enter-panel.is-visible .page-enter-stagger-item:first-child{animation-delay:60ms}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(2){animation-delay:.12s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(3){animation-delay:.18s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(4){animation-delay:.24s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(5){animation-delay:.3s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(6){animation-delay:.36s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(7){animation-delay:.42s}.page-enter-panel.is-visible .page-enter-stagger-item:nth-child(8){animation-delay:.48s}@keyframes pageEnterBlock{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnterItem{0%{opacity:0;filter:brightness(.82);transform:translateY(14px)}to{opacity:1;filter:brightness();transform:translateY(0)}}.page-content-panel{width:100%}.page-content-panel.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.page-content-panel.page-enter-panel.is-visible{opacity:1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.page-content-panel.page-enter-panel.is-visible .page-content-item{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}@media (prefers-reduced-motion:reduce){.page-enter-shell:not(.is-ready) .page-enter-block,.page-enter-shell.is-ready .page-enter-block,.page-enter-shell.is-ready .page-enter-stagger>*,.page-enter-panel,.page-enter-panel.is-visible .page-enter-panel-inner,.page-enter-panel.is-visible .page-enter-stagger-item,.page-content-panel.page-enter-panel,.page-content-panel.page-enter-panel.is-visible .page-content-item{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}.header{z-index:120;height:var(--header-height);min-height:var(--header-height);direction:rtl;background:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.header-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.header-btn:hover{background:#0000000f}.hamburger-btn{color:#444}.header-login-btn{cursor:pointer;color:#444;direction:rtl;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 4px;transition:background .2s;display:flex}.header-login-btn:hover{background:#0000000d}.header-login-text{font-size:14px;font-weight:500;font-family:var(--font);color:#444;white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}@media (width>=768px){.mobile-only{display:none!important}.header{justify-content:flex-end;padding:0 24px}}.bottom-nav{height:var(--nav-height);border-top:1px solid var(--color-border-light);border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);z-index:100;max-width:var(--max-width);background:#fff;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -2px 12px #00000014}@media (width>=768px){.bottom-nav{max-width:600px;left:var(--sidebar-width);margin:0;right:0}}.nav-item{color:#888;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--color-text-dark)}.nav-icon{justify-content:center;align-items:center;display:flex}.nav-icon svg{stroke:#888;transition:stroke .2s}.nav-item.active .nav-icon svg{stroke:#111}.nav-label{font-size:10px;font-weight:500;font-family:var(--font)}.confirm-modal-backdrop{z-index:400;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s confirmModalFadeIn;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;direction:rtl;background:#fff;border-radius:18px;width:min(100%,340px);padding:24px 20px 20px;animation:.24s cubic-bezier(.22,1,.36,1) confirmModalSlideIn;box-shadow:0 12px 40px #0000002e}.confirm-modal-title{color:#111;margin:0 0 10px;font-size:17px;font-weight:800}.confirm-modal-message{color:#666;margin:0 0 20px;font-size:14px;line-height:1.7}.confirm-modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.confirm-modal-btn{font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;border-radius:10px;padding:12px 14px;transition:opacity .2s,transform .2s}.confirm-modal-btn:active{transform:scale(.98)}.confirm-modal-btn.cancel{color:#444;background:#f5f5f5;border:1px solid #e5e5e5}.confirm-modal-btn.confirm{background:var(--color-red);color:#fff;border:none}.confirm-modal-btn.confirm:hover{opacity:.92}@keyframes confirmModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmModalSlideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.confirm-modal-backdrop,.confirm-modal{animation:none}}.sidebar{width:var(--sidebar-width);background:#0a0a0a;border-left:1px solid #1e1e1e;flex-direction:column;min-height:100vh;padding:20px 0;display:flex}.sidebar-logo{cursor:pointer;border-bottom:1px solid #1e1e1e;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px 24px;display:flex;position:relative}.sidebar-close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-right:auto;padding:6px;transition:background .2s,color .2s;display:flex}.sidebar-close-btn:hover{color:#fff;background:#ffffff14}.sidebar-logo-img{object-fit:contain;width:44px;height:44px}.sidebar-brand{flex-direction:column;display:flex}.sidebar-brand-name{color:#fff;letter-spacing:1px;font-size:14px;font-weight:700}.sidebar-brand-sub{color:#666;letter-spacing:1.5px;text-transform:uppercase;font-size:9px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.sidebar-item{color:#666;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-item:hover{color:#aaa;background:#1a1a1a}.sidebar-item.active{color:#fff;background:#1e1e1e}.sidebar-item.active .sidebar-icon svg{stroke:var(--color-gold)}.sidebar-extra{border-top:1px solid #1e1e1e;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;display:flex}.sidebar-item-admin,.sidebar-item-admin .sidebar-label{color:var(--color-gold-light)}.sidebar-item-admin .sidebar-icon svg{stroke:var(--color-gold)}.sidebar-item-admin:hover{color:var(--color-gold-light);background:#c9961a14}.sidebar-item-admin.active{color:var(--color-gold-light);background:#c9961a1f}.sidebar-item-admin.active .sidebar-icon svg{stroke:var(--color-gold-light)}.sidebar-item-logout{cursor:pointer;width:100%;font-family:var(--font);text-align:right;background:0 0;border:none}.sidebar-item-logout,.sidebar-item-logout .sidebar-label{color:var(--color-red);font-weight:600}.sidebar-item-logout .sidebar-icon svg{stroke:var(--color-red)}.sidebar-item-logout:hover{color:#dc2626;background:#ef444414}.sidebar-item-logout:hover .sidebar-icon svg{stroke:#dc2626}.sidebar-icon{align-items:center;display:flex}.sidebar-icon svg{stroke:#666;transition:stroke .2s}.sidebar-item:hover .sidebar-icon svg{stroke:#aaa}.sidebar-footer{border-top:1px solid #1e1e1e;margin-top:auto;padding:20px}.sidebar-footer-text{color:#444;text-align:center;font-size:12px}.sidebar-footer-sub{color:#333;text-align:center;margin-top:4px;font-size:11px}.mobile-menu-backdrop{z-index:250;opacity:0;pointer-events:none;background:#00000080;transition:opacity .28s;display:none;position:fixed;inset:0}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-sidebar{z-index:300;width:min(280px,88vw);height:100dvh;transition:transform .28s;display:none;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.mobile-sidebar.open{transform:translate(0)}@media (width<=767px){.mobile-menu-backdrop{display:block}.mobile-sidebar{display:flex}}.app-layout{background:var(--color-nav-bg);min-height:100vh;display:flex}.main-content-wrapper{background:var(--color-nav-bg);flex-direction:column;flex:1;min-height:100dvh;display:flex;overflow-x:hidden}@media (width<=767px){.app-layout{display:block}.main-content-wrapper{max-width:100%}}@media (width>=768px){.main-content-wrapper{max-width:calc(100% - var(--sidebar-width))}}.app-loading{justify-content:center;align-items:center;min-height:40vh;display:flex}.app-spinner{border:3px solid #c9961a33;border-top-color:var(--color-gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash-page{background:linear-gradient(#0a0f1e 0%,#05080f 60%,#1a1a2e 100%);flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:60px 24px 40px;display:flex;position:relative;overflow:hidden}.splash-bg{pointer-events:none;background:radial-gradient(at 50% 30%,#c9961a1a 0%,#0000 70%);position:absolute;inset:0}.splash-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.splash-icon-wrap{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.splash-candle-icon{object-fit:contain;filter:brightness(1.2);width:100%;height:100%}.splash-title{color:#fff;letter-spacing:6px;text-transform:uppercase;font-size:42px;font-weight:800}.splash-markets{color:#aaa;letter-spacing:1px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.splash-markets .divider{color:#555}.splash-bullets{flex-direction:column;gap:12px;width:100%;max-width:340px;list-style:none;display:flex}.splash-bullets li{color:#e0e0e0;direction:rtl;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.splash-bullets li:before{content:"•";color:var(--color-gold);flex-shrink:0;font-size:20px}.splash-bottom{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.splash-btn{border-radius:var(--radius-full);background:var(--color-orange-gradient);color:#fff;width:100%;font-size:17px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;padding:16px;transition:opacity .2s,transform .2s;box-shadow:0 4px 20px #c9961a59}.splash-btn:hover{opacity:.9;transform:translateY(-1px)}.splash-login-btn{border-radius:var(--radius-full);color:#ffffffb3;width:100%;font-size:15px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #c9961a59;padding:14px;transition:border-color .2s,color .2s}.splash-login-btn:hover{border-color:var(--color-gold);color:var(--color-gold-light)}@media (width>=768px){.splash-page{padding:80px 60px}.splash-title{font-size:56px}.splash-icon-wrap{width:140px;height:140px}.splash-bottom{max-width:400px}}.hero-section{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;padding:36px 24px 40px;display:flex}.hero-main,.hero-brand{flex-direction:column;align-items:center;width:100%;display:flex}@media (width<=767px){.content-area:has(.home-page){height:calc(100dvh - var(--header-height));padding-bottom:0;overflow:hidden}.home-page.page-shell{min-height:0;height:calc(100dvh - var(--header-height));scroll-snap-type:y mandatory;scroll-behavior:auto;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;gap:0;padding:0;overflow-y:auto}.home-page .hero-section.section-dark,.home-page .courses-section.section-light{height:calc(100dvh - var(--header-height));min-height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));box-sizing:border-box;padding-bottom:var(--nav-height);scroll-snap-align:start;scroll-snap-stop:always;border-radius:0;flex-shrink:0;overflow:hidden}.home-page .hero-section.section-dark{padding:8px 20px var(--nav-height);justify-content:space-evenly;align-items:center}.home-page .courses-section.section-light{padding:10px 0 var(--nav-height);flex-direction:column;gap:0;display:flex}.home-page .courses-top,.home-page .gateway-card,.home-page .feature-cards{margin-inline:14px}.home-page .hero-main,.home-page .hero-brand{display:contents}.home-page .hero-candle-icon{margin:0}.home-page .hero-title{letter-spacing:5px;margin:0;font-size:40px}.home-page .hero-separator{width:82%;margin:0}.home-page .hero-categories{gap:5px;margin:0}.home-page .hero-tagline{max-width:300px;margin:0;font-size:16px;font-weight:800;line-height:1.6}.home-page .hero-stats{width:100%;margin:0}.home-page .stat-num{font-size:30px}.home-page .stat-k{font-size:16px}.home-page .stat-plus{font-size:20px}.home-page .stat-label{letter-spacing:1.5px;font-size:11px}.home-page .cat-item,.home-page .cat-divider{font-size:13px}.home-page .hero-cta{letter-spacing:1px;flex-shrink:0;width:100%;max-width:none;margin:0;padding:17px 20px;font-size:16px;font-weight:800}.home-page .courses-top{flex-shrink:0}.home-page .courses-body{flex-direction:column;flex:1;justify-content:space-evenly;gap:12px;min-height:0;display:flex;overflow:hidden}.home-page .level-tabs{margin-bottom:10px}.home-page .level-tabs .app-tab{gap:5px;padding:6px 4px 8px}.home-page .level-tab-label{letter-spacing:.8px;font-size:11px}.home-page .level-subheader{margin-bottom:8px}.home-page .level-subheader span{letter-spacing:1px;font-size:10px}.home-page .gateway-card{border-radius:14px;flex-shrink:0;margin-top:0;margin-bottom:0}.home-page .gateway-top{gap:12px;padding:18px 16px}.home-page .gateway-icon svg{width:64px;height:64px}.home-page .gateway-title{margin-bottom:4px;font-size:20px}.home-page .gateway-subtitle{font-size:12px;line-height:1.45}.home-page .gateway-btn.btn-gold{border-radius:0 0 14px 14px;padding:13px 16px;font-size:14px;font-weight:700}.home-page .feature-cards{flex:none;align-items:stretch;gap:6px;margin-bottom:0}.home-page .feature-card{aspect-ratio:5/6.5;border-radius:10px;flex-direction:column;height:auto;display:flex;box-shadow:0 2px 8px #00000014}.home-page .feature-card-header{background:var(--color-gold);color:#111;flex-shrink:0;padding:8px 4px}.home-page .feature-card-header svg{width:13px;height:13px}.home-page .feature-card-header.highlight{background:var(--color-gold);color:#111}.home-page .feature-card-body{flex:1;justify-content:space-evenly;align-items:center;gap:5px;min-height:0;padding:11px 4px}.home-page .feature-item{font-size:10.5px;font-weight:600;line-height:1.5}.home-page .section-cta{margin-top:22px;margin-inline:auto;box-sizing:border-box;text-align:center;border-radius:20px;flex-shrink:0;align-self:center;width:calc(100% - 36px);max-width:none;margin-bottom:0;padding:16px 14px;font-size:13px;font-weight:800}}.hero-candle-icon{margin-bottom:16px}.hero-title{color:#fff;letter-spacing:4px;margin:0 0 12px;font-family:Arial Black,Arial,sans-serif;font-size:30px;font-weight:900}.hero-separator{margin-bottom:16px}.hero-categories{direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-bottom:20px;display:flex}.cat-item{color:#ccc;letter-spacing:1px;font-family:Arial,sans-serif;font-size:11px;font-weight:600}.cat-highlight{color:var(--color-gold-light)}.cat-divider{color:#555;font-size:11px}.hero-tagline{color:#fff;text-align:center;direction:rtl;margin:0 0 28px;font-size:15px;font-weight:700;line-height:1.7}.hero-stats{direction:ltr;justify-content:center;align-items:center;gap:0;width:100%;margin-bottom:32px;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-value{align-items:baseline;gap:1px;display:flex}.stat-num{color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:800}.stat-k{color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:600}.stat-plus{color:#fff;font-size:16px;font-weight:700}.stat-label{color:#888;letter-spacing:1px;font-family:Arial,sans-serif;font-size:10px;font-weight:500}.stat-divider{background:#333;flex-shrink:0;width:1px;height:36px}.hero-cta{width:100%;max-width:320px}.level-tabs{direction:ltr}.level-tab-label{letter-spacing:.5px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.gateway-card{border-radius:16px;margin-bottom:16px;overflow:hidden}.gateway-top{background:var(--color-bg);direction:rtl;border-radius:16px 16px 0 0;align-items:center;gap:12px;padding:20px 16px;display:flex}.gateway-btn.btn-gold{border-radius:0 0 16px 16px;width:100%}.gateway-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.gateway-text{text-align:right;flex:1}.gateway-title{color:var(--color-gold);margin:0 0 8px;font-size:20px;font-weight:800}.gateway-subtitle{color:#ccc;margin:0;font-size:12px;font-weight:500;line-height:1.6}.feature-cards{direction:rtl;gap:8px;margin-bottom:16px;display:flex}.feature-card{border-radius:12px;flex:1;min-width:0;transition:opacity .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.feature-card.locked{opacity:.75}.feature-card-header{color:#888;background:#d9d9d9;justify-content:center;align-items:center;padding:10px 4px;display:flex}.feature-card-header.highlight{background:var(--color-gold);color:#111}.feature-card-body{background:#fff;flex-direction:column;gap:8px;min-height:100px;padding:12px 6px;display:flex}.feature-item{color:#333;text-align:center;margin:0;font-size:10px;font-weight:500;line-height:1.5}.feature-item.dimmed{color:#aaa}.section-cta{color:#111;width:100%;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:#fff;border:1.5px solid #eee;border-radius:12px;padding:18px 16px;line-height:1.5;transition:box-shadow .2s,transform .15s,border-color .2s;box-shadow:0 2px 12px #0000000f}.section-cta:hover{border-color:var(--color-gold);transform:scale(.99);box-shadow:0 4px 16px #0000001a}@media (width>=768px){.hero-section{justify-content:center;padding:56px 48px}.hero-cta{margin-top:0}.hero-title{font-size:42px}.hero-tagline{font-size:18px}.stat-num{font-size:28px}.hero-cta{max-width:380px;padding:18px 0;font-size:19px}.level-tab-label{font-size:12px}.gateway-title{font-size:24px}.gateway-subtitle{font-size:14px}.home-page .gateway-card{border-radius:16px}.home-page .gateway-top{border-radius:16px 16px 0 0;padding:24px 20px}.home-page .gateway-btn.btn-gold{border-radius:0 0 16px 16px;padding:16px 20px;font-size:16px}.feature-item{font-size:12px}.section-cta{max-width:480px;margin:0 auto;font-size:16px;display:block}}.courses-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;display:flex}.courses-panel-head{flex-shrink:0}.courses-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}.courses-scroll-inner{animation:none}.courses-page .course-carousel-viewport,.courses-page .courses-scroll{transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1)}.course-carousel{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;--course-slot-height:148px;--course-slot-gap:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.course-carousel-viewport{height:calc(var(--course-slot-height) * 3 + var(--course-slot-gap) * 2);flex:none;max-height:100%;margin-top:8px;overflow:hidden}.course-carousel-stage{height:calc(var(--course-slot-height) * 3 + var(--course-slot-gap) * 2);background:#fff;position:relative}.courses-page .carousel-card{height:var(--course-slot-height);min-height:var(--course-slot-height);box-sizing:border-box;transform-origin:top;will-change:transform, opacity, filter;border-radius:14px;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 2px 10px #0000001f}@media (width<=767px){.main-content-wrapper:has(.courses-page){overscroll-behavior:none;background:#fff}.content-area:has(.courses-page){overscroll-behavior:none;height:calc(100dvh - var(--header-height));background:#fff;padding-bottom:0;overflow:hidden}.courses-page.page-shell{padding:12px 14px calc(var(--nav-height) + 10px);min-height:0;height:calc(100dvh - var(--header-height));overscroll-behavior:none;box-sizing:border-box;background:#fff;flex-direction:column;gap:12px;display:flex;overflow:hidden}.courses-page .courses-hero{border-radius:var(--radius-lg);flex-shrink:0;gap:10px;padding:22px 20px 18px}.courses-page .courses-hero-desc{font-size:13px}.courses-page .courses-panel{border-radius:var(--radius-lg);box-sizing:border-box;background:#fff;flex-direction:column;flex:1;min-height:0;margin-bottom:2px;padding:16px 14px 12px;display:flex;overflow:hidden;box-shadow:0 2px 14px #0000000f}.courses-page .courses-panel-head{margin-bottom:4px}.courses-page .courses-panel-head .page-subheader{margin-bottom:8px}.courses-page .modules-tabs{margin-bottom:0}.courses-page .course-carousel{background:#fff;flex:1;justify-content:flex-start;min-height:0}.courses-page .course-carousel-viewport{background:#fff;flex:none;max-height:none;margin-top:6px}.courses-page .course-carousel-stage{background:#fff}.courses-page .carousel-card{flex-direction:column;justify-content:space-between;gap:7px;padding:11px 13px 9px;display:flex;box-shadow:0 2px 10px #0000001f}.courses-page .carousel-card .course-header-row{align-items:center;gap:8px}.courses-page .carousel-card .course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.courses-page .carousel-card .course-subtitle{letter-spacing:.8px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;overflow:hidden}.courses-page .carousel-card .start-btn{min-width:56px;height:32px;padding:6px 12px;font-size:11px}.courses-page .carousel-card .course-meta{flex-shrink:0;gap:10px;padding-top:4px}.courses-page .carousel-card .meta-value{font-size:15px}.courses-page .carousel-card .meta-label{font-size:10px}.courses-page .carousel-card .meta-divider{height:18px}.courses-page .carousel-card:hover{transform:none}}.courses-hero-line{margin:4px 0}.courses-hero-desc{color:#fffc;margin:0;font-size:14px;font-weight:600;line-height:1.6}.modules-tabs{direction:rtl}.courses-page .course-list{flex-direction:column;gap:12px;display:flex}.courses-page .course-card{cursor:pointer;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.courses-page .course-header-row{direction:rtl;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.courses-page .course-title-block{text-align:right;flex:1;min-width:0}.courses-page .course-title{color:#fff;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.4}.courses-page .course-subtitle{color:#aaa;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.courses-page .start-btn{font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;color:#fff;background:#2a2a2a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:68px;height:40px;padding:10px 20px;transition:all .2s;display:flex}.courses-page .start-btn:hover:not(.locked){background:#444}.courses-page .start-btn.active{background:var(--color-orange-gradient);box-shadow:0 2px 10px #f59e0b59}.courses-page .start-btn.locked{color:#555;cursor:not-allowed;background:#1e1e1e;border:1px solid #2a2a2a}.courses-page .course-meta{direction:rtl;border-top:1px solid #2a2a2a;justify-content:flex-end;align-items:center;gap:16px;padding-top:14px;display:flex}.courses-page .meta-item{align-items:baseline;gap:6px;display:flex}.courses-page .meta-value{color:#fff;font-family:Arial,sans-serif;font-size:20px;font-weight:800}.courses-page .meta-label{color:#888;font-size:12px;font-weight:500}.courses-page .meta-divider{background:#2a2a2a;flex-shrink:0;width:1px;height:22px}.courses-pagination{border-top:1px solid #eee;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.courses-page-btn{color:#333;min-width:72px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 14px;transition:border-color .2s,color .2s}.courses-page-btn:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold)}.courses-page-btn:disabled{opacity:.45;cursor:not-allowed}.courses-page-indicator{color:#666;text-align:center;min-width:56px;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.courses-page .carousel-card,.courses-page .course-carousel-viewport,.courses-page .courses-scroll{transition:none!important}}@media (width>=768px){.content-area:has(.courses-page){overscroll-behavior:auto;height:auto;padding-bottom:24px;overflow:visible}.courses-page.page-shell{min-height:calc(100vh - var(--header-height) - var(--nav-height));gap:16px;height:auto;max-height:none;padding:16px;overflow:visible}.courses-page .courses-panel{flex:none;overflow:visible}.courses-scroll{flex:none;min-height:0;overflow:visible}.course-carousel-viewport,.courses-scroll{transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1)}.courses-hero{padding:40px 32px 32px}.courses-page .course-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.courses-page .course-card{justify-content:space-between;min-height:168px;padding:20px 22px}.courses-page .course-title{font-size:16px}.courses-page .course-subtitle{font-size:14px}}@media (width>=1100px){.courses-page .course-list{gap:20px}}.package-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 24px 28px;display:flex}.package-detail-title{color:var(--color-gold-light);margin:0;font-size:26px;font-weight:800}.package-detail-desc-box{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.package-desc-para{color:#444;align-items:flex-start;gap:8px;font-size:14px;line-height:1.8;display:flex}.package-desc-para.first{color:#111;font-weight:600}.desc-check{color:var(--color-gold);flex-shrink:0;margin-top:2px}.levels-list{flex-direction:column;gap:10px;display:flex}.level-btn{cursor:pointer;color:#fff;border:1px solid var(--color-card-2);text-align:right;width:100%;font-family:var(--font);direction:rtl;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.level-btn.active{border-color:var(--color-gold);box-shadow:0 0 0 1px #c9961a4d}.level-subtitle{color:var(--color-gold);font-size:12px;font-weight:600}.level-label{text-align:center;flex:1;font-size:16px;font-weight:700}.level-course-list{flex-direction:column;gap:12px;display:flex}.level-courses-page .course-card{cursor:pointer;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.level-courses-page .course-header-row{direction:rtl;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.level-courses-page .course-title{color:#fff;margin:0 0 4px;font-size:15px;font-weight:700}.level-courses-page .course-subtitle{color:#aaa;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.level-courses-page .start-btn{font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;color:#fff;background:#2a2a2a;border:none;border-radius:8px;padding:10px 20px}.level-courses-page .start-btn.active{background:var(--color-orange-gradient)}.level-courses-page .course-meta{direction:rtl;border-top:1px solid #2a2a2a;justify-content:flex-end;align-items:center;gap:16px;padding-top:14px;display:flex}.level-courses-page .meta-item{flex-direction:column;align-items:center;gap:2px;display:flex}.level-courses-page .meta-value{color:#fff;font-size:20px;font-weight:800}.level-courses-page .meta-label{color:#888;font-size:12px}.level-courses-page .meta-divider{background:#2a2a2a;width:1px;height:22px}@media (width>=768px){.level-course-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}}.course-detail-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px 28px;display:flex}.detail-hero-title{color:#fff;margin:0;font-size:24px;font-weight:800}.detail-hero-subtitle{color:var(--color-gold-light);letter-spacing:2px;margin:0;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.detail-hero-desc{color:#fffc;max-width:360px;margin:0;font-size:14px;line-height:1.7}.course-detail-panel{flex-direction:column;min-height:0;display:flex}.sessions-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item{animation:.46s cubic-bezier(.22,1,.36,1) backwards sessionItemEnter}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:first-child{animation-delay:40ms}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(2){animation-delay:.1s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(3){animation-delay:.16s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(4){animation-delay:.22s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(5){animation-delay:.28s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(6){animation-delay:.34s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(7){animation-delay:.4s}.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item:nth-child(8){animation-delay:.46s}.course-detail-page .about-section.page-enter-panel.is-visible .page-enter-stagger-item{animation:.46s cubic-bezier(.22,1,.36,1) backwards sessionItemEnter}.course-detail-page .about-section.page-enter-panel.is-visible .section-title{animation-delay:50ms}.course-detail-page .about-section.page-enter-panel.is-visible .about-text{animation-delay:.12s}.course-detail-page .about-section.page-enter-panel.is-visible .about-stats .info-card:first-child{animation-delay:.2s}.course-detail-page .about-section.page-enter-panel.is-visible .about-stats .info-card:nth-child(2){animation-delay:.28s}.course-detail-page .course-detail-cta.page-enter-panel.is-visible{animation:.42s cubic-bezier(.22,1,.36,1) .32s backwards sessionItemEnter}@keyframes sessionItemEnter{0%{opacity:0;filter:brightness(.82);transform:translateY(14px)}to{opacity:1;filter:brightness();transform:translateY(0)}}.sessions-carousel{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;--session-slot-height:86px;--session-slot-gap:10px;flex-direction:column;flex:1;min-height:0;margin-bottom:12px;display:flex;overflow:hidden}.sessions-carousel-viewport{height:calc(var(--session-slot-height) * 3 + var(--session-slot-gap) * 2);flex:none;max-height:100%;margin-top:8px;overflow:hidden}.sessions-carousel-stage{height:calc(var(--session-slot-height) * 3 + var(--session-slot-gap) * 2);position:relative}.session-carousel-card{height:var(--session-slot-height);min-height:var(--session-slot-height);box-sizing:border-box;transform-origin:top;will-change:transform, opacity, filter;border-radius:14px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 10px #00000014}.session-item{cursor:default}.session-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.session-item.locked{opacity:.6}.session-info{text-align:right;flex:1;min-width:0}.session-title{color:#111;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.session-duration{color:#888;font-size:12px}.watch-btn{background:var(--color-gold);color:#fff;font-size:11px;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:6px 10px}.watch-btn.locked{color:#666;background:#f0f0f0}.about-text{color:#555;margin-bottom:16px;font-size:14px;line-height:1.8}.about-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.course-detail-cta{gap:10px;margin-top:auto;padding-top:8px;display:flex}.course-detail-cta .btn-gold,.course-detail-cta .btn-outline-gold,.btn-compact{flex:1;min-height:40px;padding:10px 12px;font-size:13px}@media (width<=767px){.content-area:has(.course-detail-page){height:calc(100dvh - var(--header-height));padding-bottom:0;overflow:hidden}.course-detail-page.page-shell{padding:12px 14px calc(var(--nav-height) + 10px);min-height:0;height:calc(100dvh - var(--header-height));box-sizing:border-box;flex-direction:column;gap:12px;display:flex;overflow:hidden}.course-detail-page .course-detail-hero{border-radius:var(--radius-lg);flex-shrink:0;gap:8px;padding:20px 18px 16px}.course-detail-page .detail-hero-title{font-size:20px}.course-detail-page .detail-hero-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.course-detail-page .course-detail-panel{border-radius:var(--radius-lg);flex:1;min-height:0;padding:14px 14px 12px;overflow:hidden}.course-detail-page .course-tabs{flex-shrink:0;margin-bottom:0}.course-detail-page .sessions-carousel{flex:1;min-height:0}.course-detail-page .session-carousel-card{padding:12px 14px}.course-detail-page .session-carousel-card .session-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.course-detail-page .watch-btn{padding:5px 8px;font-size:10px}.course-detail-page .course-detail-cta{flex-shrink:0;margin-top:8px}.course-detail-page .course-detail-cta .btn-gold,.course-detail-page .course-detail-cta .btn-outline-gold{min-height:38px;padding:9px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.course-detail-page .sessions-list.page-enter-panel.is-visible .session-item,.course-detail-page .about-section.page-enter-panel.is-visible .page-enter-stagger-item,.course-detail-page .course-detail-cta.page-enter-panel.is-visible{animation:none!important}}@media (width>=768px){.content-area:has(.course-detail-page){height:auto;padding-bottom:24px;overflow:visible}.course-detail-page.page-shell{height:auto;overflow:visible}.sessions-carousel{display:none}}.sub-page-avatar-section{border-bottom:1px solid #eee;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex}.big-avatar{width:80px;height:80px;color:var(--color-gold);background:#c9961a1a;border:2px solid #c9961a4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.change-avatar-btn{border:1.5px solid var(--color-gold);color:var(--color-gold);border-radius:var(--radius-full);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;padding:8px 20px;transition:all .2s}.change-avatar-btn:hover{background:#c9961a14}.sub-page-form{flex-direction:column;gap:16px;display:flex}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.info-card{border:1px solid #eee;border-top:3px solid var(--color-gold);text-align:center;background:#fafafa;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.info-card-icon{color:var(--color-gold);display:flex}.info-card-value{color:#111;font-size:24px;font-weight:800}.info-card-label{color:#888;font-size:12px;font-weight:500}.sub-list{flex-direction:column;gap:8px;display:flex}.sub-list-item{border:1px solid #eee;border-right:3px solid var(--color-gold);direction:rtl;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.sub-list-item-info{text-align:right;flex:1}.sub-list-item-title{color:#111;margin-bottom:4px;font-size:14px;font-weight:600}.sub-list-item-meta{color:#888;font-size:12px}.badge{border-radius:var(--radius-full);flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}.badge.orange{color:var(--color-orange);background:#f59e0b1a}.badge.green{color:var(--color-green);background:#22c55e1a}.badge.gray{color:#888;background:#f5f5f5}.empty-state{color:#aaa;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}@media (width>=768px){.info-grid{grid-template-columns:repeat(4,1fr)}}.support-hero{flex-direction:column;align-items:center;gap:16px;padding:32px 20px 28px;display:flex}.support-hero-channels{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.support-hero-channels.page-enter-panel.is-visible .support-channel-btn{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.support-faq-content{width:100%}.support-faq-content.page-enter-panel.is-visible .section-title,.support-faq-content.page-enter-panel.is-visible .support-faq-item{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.support-faq-content.page-enter-panel.is-visible .section-title{animation-delay:40ms}.support-hero-line{margin:4px 0 8px}.support-channels-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:80%;display:grid}.support-channels-grid .btn-outline-dark{min-width:0;padding:10px 4px;font-size:11px}.support-hours{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.support-hours .hours-check{width:40px;height:40px;margin-bottom:4px}.hours-title{color:var(--color-text-dark);margin:0;font-size:17px;font-weight:800}.hours-days{color:#666;margin:0;font-size:14px;font-weight:500}.hours-time{color:var(--color-gold);margin:4px 0 0;font-size:22px;font-weight:800}.support-actions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.support-actions .btn-outline-gold{text-align:center;justify-content:center;width:100%;min-width:0}.support-cta .support-actions{margin-bottom:0}.support-slide-faq .section-title{margin-top:0}.faq-item{margin-bottom:10px}.faq-q{color:var(--color-text-dark);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.5}.faq-a{color:#666;font-size:13px;font-weight:400;line-height:1.7}.support-page .support-hero-channels.page-enter-panel.is-hidden,.support-page .support-faq-content.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.support-page .support-hero-channels.page-enter-panel.is-visible,.support-page .support-faq-content.page-enter-panel.is-visible{opacity:1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.support-page .support-hero-channels.page-enter-panel,.support-page .support-faq-content.page-enter-panel,.support-page .support-hero-channels.page-enter-panel.is-visible .support-channel-btn,.support-page .support-faq-content.page-enter-panel.is-visible .section-title,.support-page .support-faq-content.page-enter-panel.is-visible .support-faq-item{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}@media (width<=767px){.main-content-wrapper:has(.support-page){overscroll-behavior:none}.content-area:has(.support-page){overscroll-behavior:none;height:calc(100dvh - var(--header-height));padding-bottom:0;overflow:hidden}.support-page.page-shell{min-height:0;height:calc(100dvh - var(--header-height));scroll-snap-type:y mandatory;scroll-behavior:auto;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;box-sizing:border-box;gap:0;padding:0;overflow-y:auto}.support-page .support-slide{box-sizing:border-box;scroll-snap-align:start;flex-shrink:0}.support-page .support-slide-main{height:calc(100dvh - var(--header-height));min-height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));scroll-snap-stop:always;padding:12px 14px calc(var(--nav-height) + 10px);flex-direction:column;gap:12px;display:flex;overflow:hidden}.support-page .support-slide-main .support-hero,.support-page .support-slide-main .support-hours,.support-page .support-slide-main .support-cta{border-radius:var(--radius-lg);flex-shrink:0}.support-page .support-slide-main .support-hours{flex:1;justify-content:center;min-height:0;padding-block:8px}.support-page .support-slide-main .support-cta{margin-top:auto}.support-page .support-slide-faq{height:auto;min-height:calc(100dvh - var(--header-height));scroll-snap-align:start;scroll-snap-stop:normal;max-height:none;padding:16px 14px calc(var(--nav-height) + 10px);border-radius:0;overflow:visible}}@media (width>=768px){.content-area:has(.support-page){overscroll-behavior:auto;height:auto;padding-bottom:24px;overflow:visible}.support-slide-main{display:contents}.support-slide-faq{width:100%}.support-actions{margin-bottom:24px}.support-hero{padding:40px 32px 36px}.support-channels-grid{gap:8px}.support-channels-grid .btn-outline-dark{padding:12px 8px;font-size:13px}}.profile-hero{flex-direction:column;align-items:center;gap:14px;padding:28px 20px 24px;display:flex}.profile-logo{object-fit:contain;width:auto;height:64px}.profile-hero-line{width:50%;margin:0}.profile-user{direction:rtl;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile-qr{color:var(--color-gold-light);cursor:pointer;border-radius:8px;padding:4px;transition:background .2s}.profile-qr:hover{background:#ffffff0f}.profile-phone-wrap{align-items:center;gap:14px;display:flex}.profile-phone{color:#ccc;letter-spacing:1px;direction:ltr;font-size:16px;font-weight:500}.profile-avatar{width:48px;height:48px}.profile-menu-content,.profile-page .menu-list{width:100%}.profile-menu-content.page-enter-panel.is-visible .profile-menu-item{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.profile-page .profile-menu-content.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.profile-page .profile-menu-content.page-enter-panel.is-visible{opacity:1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.profile-page .profile-menu-item{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.profile-page .profile-menu-content.page-enter-panel,.profile-page .profile-menu-content.page-enter-panel.is-visible .profile-menu-item{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}.auth-page{background:linear-gradient(#0a0f1e 0%,#080a0f 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;background:radial-gradient(at 50% 20%,#c9961a1a 0%,#0000 60%);position:absolute;inset:0}.auth-top{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex}.auth-logo{object-fit:contain;width:64px;height:64px}.auth-brand{color:#fff;letter-spacing:4px;font-size:26px;font-weight:900}.auth-sub{color:var(--color-gold);letter-spacing:2.5px;opacity:.7;font-size:11px}.auth-card{border-radius:var(--radius-lg);z-index:1;background:#fff;width:100%;max-width:400px;padding:28px 22px;box-shadow:0 20px 60px #0006}.auth-form{direction:rtl;flex-direction:column;gap:14px;display:flex}.auth-title{color:#111;text-align:center;margin:0;font-size:22px;font-weight:800}.auth-desc{color:#888;text-align:center;margin:0;font-size:14px}.auth-field label{color:#444;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-field .auth-error{margin-top:10px}.auth-input{border-radius:var(--radius);width:100%;font-size:15px;font-family:var(--font);color:#111;border:1.5px solid #ddd;outline:none;padding:13px 14px;transition:border-color .2s}.auth-input:focus{border-color:var(--color-gold)}.auth-input.ltr{text-align:left;direction:ltr}.phone-input-wrap{border-radius:var(--radius);direction:ltr;border:1.5px solid #ddd;align-items:center;display:flex;overflow:hidden}.phone-input-wrap:focus-within{border-color:var(--color-gold)}.phone-prefix{color:#555;background:#f5f5f5;border-right:1.5px solid #ddd;flex-shrink:0;padding:13px 12px;font-size:14px;font-weight:600}.phone-input{font-size:15px;font-family:var(--font);color:#111;background:0 0;border:none;outline:none;flex:1;padding:13px 14px}.auth-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-btn{border-radius:var(--radius);background:var(--color-orange-gradient);color:#fff;width:100%;font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:50px;padding:15px;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 4px 16px #c9961a4d}.auth-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#dc2626;text-align:right;direction:rtl;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:10px 12px;font-size:13px}.auth-link-row{text-align:center;color:#666;font-size:14px}.auth-link{color:var(--color-gold);font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:0}.auth-footer{text-align:center;z-index:1;width:100%;max-width:400px}.auth-skip-btn{color:#666;font-size:14px;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:12px}.auth-loading{background:var(--color-nav-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.auth-btn .spinner{border-color:#fff #ffffff4d #ffffff4d}@media (width>=768px){.auth-page{gap:36px;padding:48px 40px}.auth-card{max-width:440px;padding:32px 28px}}.account-info-content{width:100%}.account-info-content.page-enter-panel.is-visible .account-info-item{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.account-info-page .account-info-content.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.account-info-page .account-info-content.page-enter-panel.is-visible{opacity:1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.account-info-page .account-info-content.page-enter-panel,.account-info-page .account-info-content.page-enter-panel.is-visible .account-info-item{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}.membership-current{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.current-badge{color:var(--color-gold);background:#c9961a1f;border:1px solid #c9961a40;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.current-level{color:#fff;margin:0;font-size:22px;font-weight:800}.current-expiry{color:#fff9;margin:0;font-size:13px}.plans-list{flex-direction:column;gap:12px;display:flex}.membership-plans{width:100%}.plan-card{box-sizing:border-box;flex-direction:column;height:100%;padding:20px;display:flex}.plan-card.current{border-color:var(--color-gold);box-shadow:0 0 0 1px #c9961a40}.plan-header{direction:rtl;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.plan-name-block{flex-direction:column;flex:1;gap:2px;display:flex}.plan-name{color:#fff;font-size:16px;font-weight:700}.plan-name-en{color:var(--color-gold);letter-spacing:1.5px;font-family:Arial,sans-serif;font-size:11px;font-weight:600}.plan-badge{background:var(--color-gold);color:#fff;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.plan-price{color:var(--color-gold-light);text-align:left;direction:ltr;width:100%;font-size:14px;font-weight:700}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.plan-features li{color:#ccc;align-items:center;gap:8px;font-size:13px;display:flex}.plan-features li svg{color:var(--color-gold);flex-shrink:0}.upgrade-btn{width:100%}.plan-footer{flex-shrink:0;width:100%;margin-top:auto}.plan-current-btn{opacity:.85}.membership-plans.page-enter-panel.is-visible .membership-plan-card{animation:.44s cubic-bezier(.22,1,.36,1) backwards pageEnterItem}.membership-page .membership-plans.page-enter-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.membership-page .membership-plans.page-enter-panel.is-visible{opacity:1;transition:opacity .28s,transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.membership-page .membership-plans.page-enter-panel,.membership-page .membership-plans.page-enter-panel.is-visible .membership-plan-card{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}@media (width>=768px){.plans-list{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}}.gateway-tabs{direction:rtl;margin-bottom:16px}.my-courses-list{flex-direction:column;gap:12px;display:flex}.my-course-card{cursor:pointer;padding:16px 18px}.course-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.course-heart{cursor:pointer;color:#ccc;background:0 0;border:none;padding:2px}.course-heart.active{color:var(--color-gold)}.course-card-info{text-align:right;flex:1}.course-card-title{color:#111;margin:0 0 6px;font-size:16px;font-weight:700}.course-card-meta{color:#888;text-align:right;direction:ltr;margin:0;font-size:12px}.course-card-progress{direction:ltr;align-items:center;gap:10px;display:flex}.progress-pct{color:#111;min-width:36px;font-size:13px;font-weight:700}.progress-track{background:#e8e8e8;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:var(--color-gold);border-radius:4px;height:100%}.messages-list{flex-direction:column;gap:8px;display:flex}.message-item.unread{background:#fffdf7;border-color:#c9961a33}.msg-avatar{background:var(--color-bg);width:44px;height:44px;color:var(--color-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-content{text-align:right;flex:1}.msg-header-row{justify-content:space-between;margin-bottom:4px;display:flex}.msg-from{color:#111;font-size:14px;font-weight:700}.msg-time{color:#aaa;font-size:11px}.msg-text{color:#666;margin:0;font-size:13px;line-height:1.5}.unread-dot{background:var(--color-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px}.points-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 24px;display:flex}.total-points{color:var(--color-gold-light);direction:ltr;font-size:48px;font-weight:800;line-height:1}.points-label{color:#fffc;font-size:14px;font-weight:600}.points-desc{color:#ffffff8c;margin:4px 0 0;font-size:12px}.points-amount{direction:ltr;flex-shrink:0;font-size:16px;font-weight:700}.points-amount.earn{color:#22c55e}.points-amount.spend{color:#ef4444}.payments-summary{margin-bottom:20px}.payment-summary-card{text-align:center;border:1px solid #eee;border-top:3px solid var(--color-gold);background:#fafafa;border-radius:14px;padding:20px}.ps-value{color:var(--color-gold);direction:ltr;margin-bottom:4px;font-size:24px;font-weight:800;display:block}.ps-label{color:#888;font-size:12px}.payment-item{cursor:default}.payment-icon{width:40px;height:40px;color:var(--color-gold);background:#c9961a1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payment-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.payment-amount{color:#111;direction:ltr;font-size:14px;font-weight:700}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap .password-input{padding-right:44px}.password-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#444}.password-toggle-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.auth-password-hint{color:#888;margin:-6px 0 0;font-size:12px;line-height:1.5}.otp-input-wrap{flex-direction:column;gap:12px;display:flex}.otp-label{text-align:center;color:#666;font-size:14px}.otp-inputs{direction:ltr;flex-direction:row;justify-content:center;gap:10px;display:flex}.otp-digit{text-align:center;color:#111;background:#fff;border:2px solid #ddd;border-radius:10px;width:44px;height:48px;font-size:20px;font-weight:700;transition:border-color .2s,background .2s}.otp-digit:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 0 2px #c9961a26}.otp-digit.filled{border-color:var(--color-gold);background:#c9961a14}.otp-digit.error{border-color:var(--color-red);background:#ef444414}.auth-info{color:#166534;text-align:right;direction:rtl;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;padding:10px 12px;font-size:13px}.auth-phone-display{color:#444;direction:rtl;background:#0000000a;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:14px;display:flex}.auth-phone-label{color:#666;flex-shrink:0;font-weight:600}.auth-phone-value{text-align:left;color:#111;letter-spacing:.5px;direction:ltr;unicode-bidi:plaintext;font-family:Arial,sans-serif;font-size:16px;font-weight:700}.auth-phone-display strong{color:#111}.auth-resend-btn{color:var(--color-gold);cursor:pointer;background:0 0;border:none;padding:8px;font-family:inherit;font-size:14px}.auth-resend-btn:disabled{color:#999;cursor:not-allowed}.admin-section{overflow:hidden}.admin-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.admin-count{color:var(--color-gold);background:#c9961a1a;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:13px;font-weight:600}.admin-error{color:#dc2626;border-radius:var(--radius);background:#ef444414;border:1px solid #ef444433;margin-bottom:12px;padding:10px 12px;font-size:13px}.admin-loading,.admin-empty{text-align:center;color:#888;padding:48px 24px;font-size:14px}.admin-table-wrap{border:1px solid #e8e8e8;border-top:3px solid var(--color-gold);border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;table-layout:fixed;direction:rtl;width:100%;font-size:13px}.admin-table thead tr{background:#111}.admin-table th{text-align:right;color:#fff;white-space:nowrap;border-left:1px solid #2a2a2a;padding:14px 12px;font-size:12px;font-weight:700}.admin-table th:last-child{border-left:none}.admin-table tbody tr{border-bottom:1px solid #eee;transition:background .15s}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody tr:hover{background:#fffdf7}.admin-table td{text-align:right;vertical-align:middle;color:#333;border-left:1px solid #f0f0f0;padding:14px 12px}.admin-table td:last-child{border-left:none}.admin-table .col-name{color:#111;font-weight:700}.admin-table .col-phone{text-align:right;color:#555;font-weight:600;font-family:monospace, var(--font);direction:ltr}.admin-table .col-date{color:#888;font-size:12px}.admin-table .col-role,.admin-table .col-rank{text-align:center}.admin-table th:first-child,.admin-table td:first-child{width:22%}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:18%}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:12%}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:22%}.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:16%}.role-badge{color:#666;background:#f0f0f0;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.role-badge.admin{color:var(--color-gold);background:#c9961a26}.rank-select{width:100%;max-width:140px;font-family:var(--font);color:#111;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23c9961a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 8px no-repeat;border:1.5px solid #ddd;border-radius:8px;padding:8px 10px 8px 24px;font-size:12px;font-weight:600;transition:border-color .2s}.rank-select:focus{border-color:var(--color-gold);outline:none}.rank-select:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.admin-table{table-layout:auto;min-width:520px}.admin-table th,.admin-table td{padding:12px 10px;font-size:12px}}.notifications-list{flex-direction:column;gap:8px;display:flex}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item{animation:.46s cubic-bezier(.22,1,.36,1) backwards notifItemEnter}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:first-child{animation-delay:40ms}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(2){animation-delay:.1s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(3){animation-delay:.16s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(4){animation-delay:.22s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(5){animation-delay:.28s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(6){animation-delay:.34s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(7){animation-delay:.4s}.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item:nth-child(8){animation-delay:.46s}@keyframes notifItemEnter{0%{opacity:0;filter:brightness(.82);transform:translateY(14px)}to{opacity:1;filter:brightness();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.notifications-page .notifications-list.page-enter-panel.is-visible .notif-item{animation:none!important}}.notif-item.unread{background:#fffdf7;border-color:#c9961a33}.notif-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-icon.type-course{background:var(--color-gold)}.notif-icon.type-payment{background:#22c55e}.notif-icon.type-support{background:var(--color-bg)}.notif-icon.type-points{background:var(--color-orange)}.notif-content{flex:1}.notif-header{justify-content:space-between;margin-bottom:6px;display:flex}.notif-title{color:#111;font-size:14px;font-weight:700}.notif-time{color:#aaa;font-size:11px}.notif-body{color:#666;margin:0;font-size:13px;line-height:1.6}.notif-dot{background:var(--color-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px}.path-tabs-wrap{padding-bottom:12px}.start-card-btn{letter-spacing:2px;border-radius:0 0 15px 15px;width:100%;padding:18px;font-size:18px}.path-content{text-align:center;flex-direction:column;align-items:center;padding:28px 20px 32px;display:flex}.path-watermark{opacity:.25;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.watermark-main{color:#fff;letter-spacing:3px;font-family:Arial,sans-serif;font-size:24px;font-weight:900}.watermark-sub{color:#fff;letter-spacing:1.5px;margin-top:4px;font-family:Arial,sans-serif;font-size:9px;font-weight:600}.path-hero-title{color:#fff;margin:0 0 12px;font-size:22px;font-weight:800}.path-hero-line{background:linear-gradient(90deg, transparent, var(--color-gold), transparent);width:60%;height:2px;margin:12px 0}.path-check{color:#fff;margin-bottom:8px}.path-hero-desc{color:#ffffffd9;max-width:300px;margin:0 0 24px;font-size:14px;line-height:1.8}.start-card{background:#0a1423cc;border:1px solid #c9961a4d;border-radius:16px;width:100%;max-width:340px;overflow:hidden}.start-card-top{direction:ltr;justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.start-card-brand{color:#ffffff4d;letter-spacing:2px;font-size:18px;font-weight:900}.start-card-icon{background:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.start-card-text{color:#fff;margin:0;padding:8px 20px 16px;font-size:15px;font-weight:600}.eco-intro{color:#fff;max-width:320px;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.8}.eco-subtitle{color:var(--color-gold-light);margin:0 0 28px;font-size:18px;font-weight:800}.roles-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:360px;margin-bottom:28px;display:grid}.role-item{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:8px 4px;display:flex}.role-label{color:#ffffffd9;font-size:11px;font-weight:600}.eco-footer{color:#fff9;max-width:300px;margin:0;font-size:12px;line-height:1.7}.achievement-intro{color:#333;margin:0 0 20px;font-size:14px;font-weight:600;line-height:1.8}.guarantee-card{background:var(--color-bg);border-radius:16px;width:100%;margin-bottom:12px;overflow:hidden}.guarantee-card.locked{opacity:.6}.guarantee-top{justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.guarantee-title-row{align-items:center;gap:10px;display:flex}.guarantee-icon{color:var(--color-gold)}.guarantee-title{color:var(--color-gold);margin:0;font-size:15px;font-weight:700}.guarantee-value{direction:ltr;align-items:baseline;gap:4px;display:flex}.guarantee-num{color:var(--color-gold);font-size:32px;font-weight:800}.guarantee-unit{color:var(--color-gold);font-size:14px;font-weight:600}.guarantee-desc{border-top:1px solid #333;padding:16px}.guarantee-desc p{color:#ccc;margin:0;font-size:13px;line-height:1.7}.guarantee-more-btn{margin-top:8px}.achievement-content{text-align:right;align-items:stretch}@media (width<=767px){.content-area:has(.path-page){height:calc(100dvh - var(--header-height));padding-bottom:0;overflow:hidden}.path-page.page-shell{min-height:0;height:calc(100dvh - var(--header-height));background:var(--color-bg);gap:0;padding:0;overflow:hidden}.path-page .path-tabs-wrap{background:var(--color-bg);flex-shrink:0;padding:10px 16px 0}.path-page .path-tabs{border-bottom-color:#ffffff1f;margin-bottom:0}.path-page .path-tabs .app-tab{color:#ffffff8c;padding:8px 4px 12px}.path-page .path-tabs .app-tab.active{color:#fff}.path-page .path-content{box-sizing:border-box;min-height:0;padding:16px 20px calc(var(--nav-height) + 16px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;border-radius:0;flex:1;overflow-y:auto}.path-page .path-content.section-dark{justify-content:space-evenly}.path-page .path-content.section-light{background:#fff;padding-top:20px}.path-page .path-watermark{opacity:.35;margin-bottom:8px}.path-page .watermark-main{letter-spacing:4px;font-size:28px}.path-page .path-hero-title{font-size:24px}.path-page .start-card{max-width:none}}