:root{--primary-blue:#061327;--secondary-blue:#0a192f;--navy-surface:#0f2343;--gold:#d4af37;--gold-hover:#c59b27;--gold-light:#f5eedc;--gold-border:#d4af3773;--bg-cream:#fbf8f3;--bg-sand:#f5efe6;--border-cream:#ede5d8;--text-main:#0a192f;--text-muted:#5a6a85;--text-light:#cbd5e1;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", "Outfit", sans-serif;--font-urdu:"Amiri", serif;--font-arabic:"Amiri Quran", "Amiri", serif;--font-ui:"Plus Jakarta Sans", "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-cream);color:var(--text-main);font-size:16px;line-height:1.6;overflow-x:hidden}[dir=rtl],.urdu-text{font-family:var(--font-urdu), "Amiri", serif;font-size:17px;line-height:1.85}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] p,.urdu-text h1,.urdu-text h2,.urdu-text h3,.urdu-text h4,.urdu-text p{font-family:var(--font-urdu), "Amiri", serif}.arabic-text,.quran-text{direction:rtl;font-size:1.6rem;line-height:2.4;font-family:Amiri Quran,Amiri,serif!important}h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.25}h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.3}h3{font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.35}h4{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.4}p{font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.7}.islamic-background{z-index:-1;background:linear-gradient(135deg,#15438c 0%,#0f2e60 100%);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.landing-page .islamic-background{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.arabic-text{direction:rtl;font-family:Amiri,serif}button,input,select,textarea{font-family:Outfit,sans-serif}.table-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}.table-container::-webkit-scrollbar{height:4px}@media (max-width:1024px){h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}.hide-tablet,.hide-on-mobile{display:none!important}.login-wrapper,.register-wrapper{background-image:linear-gradient(#0f2e60cc,#0f2e60e6),url(/pattern.png)!important;background-size:400px!important;justify-content:center!important;align-items:center!important;padding:40px 20px!important}.right-side{background-color:#fff!important;border-radius:28px!important;flex:none!important;width:100%!important;max-width:440px!important;padding:50px 35px!important;box-shadow:0 30px 60px #0006!important}.form-header h2{font-size:1.8rem!important}}@media (min-width:769px){.mobile-view,.mobile-only,.show-mobile,.hide-desktop{display:none!important}.desktop-view,.desktop-only,.hide-mobile{display:block}}@media (max-width:768px){.desktop-view,.desktop-only,.hide-mobile,.hide-on-mobile{display:none!important}.mobile-view,.mobile-only,.show-mobile{display:block!important}.hide-desktop{display:inline-flex!important}.full-width-mobile{flex:1!important;width:100%!important;padding:15px!important}.grid-mobile-1{grid-template-columns:1fr!important}}.premium-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;box-shadow:0 8px 32px #1f268712}.dashboard-container{background-color:#f8fafc;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:1000;background-color:#0f2e60;flex-direction:column;width:280px;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;left:0;box-shadow:10px 0 30px #0000001a}.sidebar.collapsed{width:80px}.sidebar-brand{align-items:center;gap:15px;padding:30px 25px;display:flex}.logo-wrapper{background-color:#ffffff1f;border-radius:12px;flex-shrink:0;padding:8px}.brand-name{color:#f1c40f;white-space:nowrap;font-size:1.2rem;font-weight:800}.sidebar-nav{flex:1;padding:10px 15px;overflow-y:auto}.sidebar-link{color:#ffffff80;border-radius:12px;align-items:center;gap:15px;margin-bottom:8px;padding:14px 18px;font-size:1rem;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover{color:#fff;background-color:#ffffff14;transform:translate(5px)}.sidebar-link.active{color:#fff;background-color:#ffffff1a;border-left:3px solid #f1c40f;font-weight:700}.nav-icon{text-align:center;width:24px;font-size:1.1rem}.sidebar-link.active .nav-icon{color:#f1c40f}.sidebar-footer{padding:20px 15px}.logout-btn{color:#ff4d4d;cursor:pointer;background:#ff4d4d1a;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:15px;width:100%;padding:12px;transition:all .3s;display:flex}.sidebar.collapsed .logout-btn{justify-content:center;padding:12px 0}.main-area{flex:1;margin-left:280px;transition:margin .4s cubic-bezier(.4,0,.2,1)}.main-area.collapsed{margin-left:80px}.topbar{z-index:900;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000005}@media (min-width:1024px){.topbar{padding:0 48px}}.topbar-left{flex:1;align-items:center;gap:20px;display:flex}.mobile-toggle{cursor:pointer;color:#1a1a1a;background:0 0;border:none;font-size:1.4rem;display:none}.search-container{background-color:#f1f5f9;border-radius:12px;align-items:center;gap:12px;width:100%;max-width:400px;padding:10px 20px;display:flex}.search-container input{background:0 0;border:none;outline:none;width:100%;font-size:.95rem;font-weight:500}.topbar-right{align-items:center;gap:20px;display:flex}.user-info{text-align:right}.user-name{margin:0;font-size:.95rem;font-weight:800}.user-role{color:#10b981;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.user-avatar{color:#f1c40f;background-color:#15438c;border:2px solid #f1c40f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin-right:8px;font-weight:800;display:flex}.page-content{min-height:calc(100vh - 80px);padding:40px}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0006;position:fixed;inset:0}.logout-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-modal{text-align:center;background-color:#fff;border-radius:24px;width:90%;max-width:380px;padding:40px}.logout-modal h3{margin-bottom:10px;font-size:1.4rem;font-weight:800}.logout-modal p{color:#64748b;margin-bottom:25px}.modal-actions{gap:12px;display:flex}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:12px;font-weight:700}.confirm-btn{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:12px;flex:1;padding:12px;font-weight:700}@media (max-width:768px){.sidebar{left:-280px}.sidebar.mobile-show{left:0}.main-area,.main-area.collapsed{width:100%;min-width:0;margin-left:0}.topbar{height:70px;padding:0 12px}.mobile-toggle{font-size:1.2rem;display:block}.search-container,.user-info{display:none}.user-avatar{width:35px;height:35px;margin-right:4px;font-size:.8rem}.page-content{box-sizing:border-box;width:100%;padding:15px 10px}.topbar-right{gap:10px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}table{border-collapse:collapse;width:100%}table th{text-align:left;color:#475569;background-color:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:12px;font-weight:700}table td{border-bottom:1px solid #e2e8f0;padding:12px}table tbody tr:hover{background-color:#f8fafc}@media (max-width:768px){table{font-size:.85rem}table th,table td{padding:8px}}.attendance-page-container{max-width:1200px;margin:0 auto;padding:24px}@media (max-width:768px){.attendance-page-container{padding:16px}}.select-wrapper{width:100%;position:relative}.premium-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px;font-size:16px;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 1px 2px #0000000d}@keyframes pulseGlow{0%{opacity:.6;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}@keyframes floatGlow{0%{transform:translateY(0)scale(1)}to{transform:translateY(-20px)scale(1.05)}}.hero-search-box:hover{transform:translateY(-3px)!important;box-shadow:0 30px 60px #0009!important}.hero-search-input::placeholder{color:#ffffff80}.hero-search-btn:hover{transform:scale(1.1)!important}@media (max-width:768px){.hero-calligraphy{font-size:3.5rem!important}}.skiptranslate,body>.skiptranslate,div.skiptranslate,iframe.skiptranslate,.skiptranslate>iframe,iframe.goog-te-banner-frame,.goog-te-banner-frame,.goog-te-banner,.goog-te-banner-frame.skiptranslate,.goog-te-gadget,.goog-te-gadget-simple,.goog-te-gadget-icon,.goog-te-menu-frame,.goog-te-menu2,#google_translate_element,#google_translate_element *,#goog-gt-tt,#goog-gt-tt *,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover,.goog-tooltip *,.goog-te-spinner-pos,.goog-text-highlight,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-y60Sfe-m-pr,.VIpgJd-ZVi9od-vH1Gmf{visibility:hidden!important;opacity:0!important;pointer-events:none!important;clip:rect(0, 0, 0, 0)!important;width:0!important;height:0!important;box-shadow:none!important;z-index:-99999!important;border:none!important;display:none!important;position:fixed!important;top:-9999px!important;left:-9999px!important}body{position:static!important;top:0!important}font{box-shadow:none!important;-webkit-user-select:text!important;user-select:text!important;background-color:#0000!important}font:hover{background-color:#0000!important}[dir=ltr],[dir=ltr] section,[dir=ltr] nav,[dir=ltr] footer,[dir=ltr] main,.ltr-mode,.ltr-mode section,.ltr-mode nav,.ltr-mode footer{text-align:left;direction:ltr!important}[dir=ltr] body,[dir=ltr] p:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] span:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] h1:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] h2:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] h3:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] h4:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] a:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] button:not(.arabic-text):not(.quran-text):not(.notranslate),[dir=ltr] input,.ltr-mode p:not(.arabic-text):not(.quran-text):not(.notranslate),.ltr-mode span:not(.arabic-text):not(.quran-text):not(.notranslate),.ltr-mode a:not(.arabic-text):not(.quran-text):not(.notranslate){font-family:var(--font-ui,"Outfit", sans-serif)!important}.arabic-text,.quran-text{unicode-bidi:isolate;text-align:center!important;direction:rtl!important;font-family:Amiri Quran,Amiri,serif!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:860px){.hide-mobile{display:none!important}.hide-desktop{display:block!important}}@media (min-width:861px){.hide-desktop{display:none!important}}.nav-link-animated{color:#1e293b;font-size:.98rem;font-weight:700;font-family:var(--font-urdu), "Amiri", serif;cursor:pointer;background:0 0;border:none;align-items:center;padding:6px 2px;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex;position:relative}.nav-link-animated:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#d4af37,#fcedba,#b8860b);border-radius:4px;width:100%;height:2.5px;transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0);box-shadow:0 2px 8px #d4af3766}.nav-link-animated:hover{transform:translateY(-2px);color:#b8860b!important}.nav-link-animated:hover:after{transform:scaleX(1)}.hero-content-col{flex-direction:column;width:100%;max-width:620px;display:flex}[dir=ltr] .hero-content-col,.ltr-mode .hero-content-col{text-align:left!important;direction:ltr!important;align-items:flex-start!important}[dir=ltr] .hero-content-col .hero-badge,.ltr-mode .hero-content-col .hero-badge{align-self:flex-start!important}[dir=ltr] .hero-content-col h1,.ltr-mode .hero-content-col h1,[dir=ltr] .hero-content-col p,.ltr-mode .hero-content-col p{text-align:left!important}[dir=ltr] .hero-content-col .hero-tags,.ltr-mode .hero-content-col .hero-tags,[dir=ltr] .hero-content-col .hero-buttons,.ltr-mode .hero-content-col .hero-buttons,[dir=ltr] .hero-content-col .hero-features,.ltr-mode .hero-content-col .hero-features{text-align:left!important;justify-content:flex-start!important;display:flex!important}[dir=rtl] .hero-content-col,.urdu-text .hero-content-col,.arabic-mode .hero-content-col{text-align:right!important;direction:rtl!important;align-items:flex-start!important}[dir=rtl] .hero-content-col .hero-badge,.urdu-text .hero-content-col .hero-badge,.arabic-mode .hero-content-col .hero-badge{align-self:flex-start!important}[dir=rtl] .hero-content-col h1,.urdu-text .hero-content-col h1,.arabic-mode .hero-content-col h1,[dir=rtl] .hero-content-col p,.urdu-text .hero-content-col p,.arabic-mode .hero-content-col p{text-align:right!important}[dir=rtl] .hero-content-col .hero-tags,.urdu-text .hero-content-col .hero-tags,.arabic-mode .hero-content-col .hero-tags,[dir=rtl] .hero-content-col .hero-buttons,.urdu-text .hero-content-col .hero-buttons,.arabic-mode .hero-content-col .hero-buttons,[dir=rtl] .hero-content-col .hero-features,.urdu-text .hero-content-col .hero-features,.arabic-mode .hero-content-col .hero-features{text-align:right!important;justify-content:flex-start!important;display:flex!important}[dir=rtl] p,.urdu-text p,.arabic-mode p{font-size:clamp(1.15rem,1.8vw,1.32rem)!important;line-height:2.1!important}[dir=rtl] li,.urdu-text li,.arabic-mode li{font-size:1.15rem!important;line-height:2!important}[dir=rtl] .hero-content-col p,.urdu-text .hero-content-col p{font-size:1.38rem!important;line-height:2!important}[dir=rtl] .hero-tags span,.urdu-text .hero-tags span{font-size:1.14rem!important}[dir=rtl] .hero-features span,.urdu-text .hero-features span,[dir=rtl] .hero-buttons a,.urdu-text .hero-buttons a{font-size:1.08rem!important}[dir=rtl] .nav-link-animated,.urdu-text .nav-link-animated{font-size:1.12rem!important}[dir=rtl] .course-card-desc,.urdu-text .course-card-desc{font-size:1.08rem!important;line-height:1.85!important}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,.urdu-text input,.urdu-text textarea,.urdu-text select,[dir=rtl] input::placeholder,[dir=rtl] textarea::placeholder,.urdu-text input::placeholder,.urdu-text textarea::placeholder{text-align:right!important;direction:rtl!important}[dir=ltr] input,[dir=ltr] textarea,[dir=ltr] select,.ltr-mode input,.ltr-mode textarea,.ltr-mode select,[dir=ltr] input::placeholder,[dir=ltr] textarea::placeholder,.ltr-mode input::placeholder,.ltr-mode textarea::placeholder{text-align:left!important;direction:ltr!important}.course-card-premium{background-color:#fff;border:1px solid #ede5d8;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:360px;padding:30px 26px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000a}.course-card-premium:hover{border-color:#d4af378c;transform:translateY(-6px);box-shadow:0 16px 36px #0a192f17,0 0 0 1px #d4af374d}.course-card-featured{color:#fff!important;background:linear-gradient(145deg,#07162c 0%,#0c213f 100%)!important;border:1.5px solid #d4af3780!important;box-shadow:0 10px 30px #07162c40!important}.course-card-featured:hover{border-color:#d4af37!important;box-shadow:0 20px 45px #07162c66,0 0 25px #d4af3740!important}.course-card-fullwidth{transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff!important;background:linear-gradient(135deg,#081a33 0%,#051124 50%,#0b2244 100%)!important;border:2px solid #d4af378c!important;border-radius:20px!important;grid-column:1/-1!important;width:100%!important;padding:38px 34px!important;box-shadow:0 14px 40px #06132759!important}.course-card-fullwidth:hover{transform:translateY(-4px);border-color:#d4af37!important;box-shadow:0 20px 50px #06132780,0 0 30px #d4af3759!important}.course-card-luxury{background:linear-gradient(168deg,#fff 0%,#faf6ee 100%);border:1.5px solid #d4af374d;border-radius:24px 8px;flex-direction:column;justify-content:space-between;min-height:420px;padding:30px 24px 24px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #0a192f0d}.course-card-luxury:before{content:"";opacity:.85;z-index:2;background:linear-gradient(90deg,#d4af37 0%,#fcedba 50%,#b8860b 100%);height:4px;transition:height .3s,opacity .3s;position:absolute;top:0;left:0;right:0}.course-watermark-num{font-family:var(--font-serif), Georgia, serif;color:#d4af3717;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:5rem;font-weight:900;line-height:1;transition:transform .35s,color .35s;position:absolute;bottom:80px}[dir=rtl] .course-watermark-num{left:16px;right:auto}[dir=ltr] .course-watermark-num{left:auto;right:16px}.course-icon-pod{color:#d4af37;background:linear-gradient(135deg,#061327 0%,#0e274b 100%);border:1.5px solid #d4af3773;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;box-shadow:0 8px 18px #0613272e}.course-card-luxury:hover{background:linear-gradient(168deg,#fff 0%,#fbf4e8 100%);border-color:#d4af37;transform:translateY(-8px);box-shadow:0 22px 46px #b8860b2e,0 0 0 1px #d4af3773}.course-card-luxury:hover:before{opacity:1;height:6px}.course-card-luxury:hover .course-watermark-num{color:#d4af372e;transform:translateY(-6px)scale(1.08)}.course-card-luxury:hover .course-icon-pod{border-color:#fcedba;transform:scale(1.1)rotate(-3deg);box-shadow:0 12px 26px #0613274d,0 0 16px #d4af3766}.course-card-luxury h3{transition:color .25s}.course-card-luxury:hover h3{color:#b8860b!important}.features-stage-container{background:radial-gradient(circle at 50% 20%,#fff 0%,#faf5ec 55%,#f2e9d7 100%);border-bottom:1px solid #ede3d2;flex-direction:column;justify-content:center;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.stage-ambient-glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d4af372e 0%,#d4af370a 60%,#0000 80%);border-radius:50%;width:900px;height:450px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.stage-main-grid{z-index:2;grid-template-columns:1fr 1.25fr;align-items:center;gap:60px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.stage-visual-pod{justify-content:center;align-items:center;height:380px;display:flex;position:relative}.stage-watermark-num{font-family:var(--font-serif), Georgia, serif;color:#d4af3714;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13rem;font-weight:900;line-height:1;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:scale(1)}.astrolabe-ring-outer{pointer-events:none;border:1.5px dashed #d4af3759;border-radius:50%;width:320px;height:320px;animation:36s linear infinite astrolabeSpin;position:absolute}.astrolabe-ring-mid{pointer-events:none;border:1px solid #d4af37;border-color:#d4af37 #d4af3740;border-radius:50%;width:240px;height:240px;animation:24s linear infinite astrolabeSpinReverse;position:absolute}@keyframes astrolabeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes astrolabeSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.stage-celestial-orb{color:#fcedba;z-index:3;background:radial-gradient(circle at 35% 35%,#0e274b 0%,#061327 80%);border:2.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:3.4rem;transition:all .4s;animation:4s ease-in-out infinite orbLevitate;display:flex;position:relative;box-shadow:0 0 35px #d4af3780,0 16px 32px #0613274d}@keyframes orbLevitate{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stage-orbit-satellite{background:#d4af37;border-radius:50%;width:10px;height:10px;animation:10s linear infinite satelliteOrbit;position:absolute;box-shadow:0 0 12px #d4af37}.stage-content-pod{animation:.45s cubic-bezier(.16,1,.3,1) stageContentFade;position:relative}@keyframes stageContentFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stage-step-pill{color:#92610b;letter-spacing:.5px;background:#f6eedb;border:1.5px solid #ebd8b6;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 16px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #b8860b14}.stage-heading{font-size:clamp(2rem,3.4vw,3rem);font-family:var(--font-serif);color:#0a192f;letter-spacing:-.5px;margin:0 0 16px;font-weight:900;line-height:1.3}.stage-divider{background:linear-gradient(90deg,#d4af37,#fcedba);border-radius:2px;width:60px;height:3.5px;margin-bottom:20px}.stage-desc{color:#475569;max-width:620px;margin:0 0 24px;font-size:1.2rem;line-height:1.95}.stage-benefit-tag{color:#065f46;background:#10b98117;border:1.5px solid #10b98147;border-radius:24px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 18px;font-size:.94rem;font-weight:800;display:inline-flex}.stage-timeline-track{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #d4af374d;border-radius:36px;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:1100px;margin:36px auto 0;padding:12px 16px;display:flex;position:relative;box-shadow:0 8px 24px #0a192f0a}.stage-milestone-btn{cursor:pointer;background:0 0;border:none;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .25s;display:flex;position:relative}.stage-milestone-dot{color:#786339;width:32px;height:32px;font-size:.86rem;font-weight:800;font-family:var(--font-serif), Georgia, serif;background:#fbf7ee;border:1.5px solid #dfd2bb;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.stage-milestone-btn:hover .stage-milestone-dot{color:#0a192f;background:#fdf3df;border-color:#d4af37;transform:scale(1.15)}.stage-milestone-btn.active .stage-milestone-dot{color:#fcedba;background:linear-gradient(135deg,#061327 0%,#0e274b 100%);border-color:#d4af37;transform:scale(1.25);box-shadow:0 0 14px #d4af3799}.stage-arrow-btn{color:#0a192f;cursor:pointer;background:#fff;border:1.5px solid #d4af3759;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #0a192f0f}.stage-arrow-btn:hover{color:#d4af37;background:#0a192f;border-color:#d4af37;transform:scale(1.08)}@media (max-width:992px){.features-stage-container{min-height:auto;padding:60px 16px}.stage-main-grid{text-align:center;grid-template-columns:1fr;gap:32px}.stage-visual-pod{height:240px}.astrolabe-ring-outer{width:220px;height:220px}.astrolabe-ring-mid{width:170px;height:170px}.stage-celestial-orb{width:100px;height:100px;font-size:2.4rem}.stage-timeline-track{justify-content:flex-start;padding:10px;overflow-x:auto}.stage-milestone-btn{flex:0 0 46px}.stage-desc{margin-left:auto;margin-right:auto}}.pillars-stage-container{color:#fff;background:radial-gradient(circle at 50% 30%,#0c2347 0%,#061327 70%,#030a16 100%);border-bottom:1.5px solid #d4af3740;flex-direction:column;justify-content:center;min-height:85vh;padding:64px 24px;display:flex;position:relative;overflow:hidden}.pillars-ambient-glow{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#d4af3733 0%,#d4af370d 50%,#0000 80%);border-radius:50%;width:800px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.pillars-main-grid{z-index:2;grid-template-columns:1fr 1.3fr;align-items:center;gap:56px;width:100%;max-width:1220px;margin:0 auto;display:grid;position:relative}.pillars-visual-pod{justify-content:center;align-items:center;height:360px;display:flex;position:relative}.pillars-watermark-num{font-family:var(--font-serif), Georgia, serif;color:#d4af3712;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13rem;font-weight:900;line-height:1;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute}.pillars-mandala-outer{pointer-events:none;border:1.5px dashed #d4af3773;border-radius:50%;width:300px;height:300px;animation:40s linear infinite astrolabeSpin;position:absolute}.pillars-mandala-mid{pointer-events:none;border:1.5px solid #fcedba;border-color:#fcedba #d4af374d;border-radius:50%;width:230px;height:230px;animation:25s linear infinite astrolabeSpinReverse;position:absolute}.pillars-celestial-orb{color:#fcedba;z-index:3;background:radial-gradient(circle at 35% 35%,#163e74 0%,#061327 80%);border:2.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:136px;height:136px;font-size:3.3rem;animation:4s ease-in-out infinite orbLevitate;display:flex;position:relative;box-shadow:0 0 40px #d4af3799,0 16px 36px #0009}.pillars-content-pod{animation:.45s cubic-bezier(.16,1,.3,1) stageContentFade;position:relative}.pillars-step-pill{color:#fcedba;letter-spacing:.5px;background:#d4af3726;border:1.5px solid #d4af3773;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 16px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #d4af3733}.pillars-heading{font-size:clamp(2rem,3.2vw,2.8rem);font-family:var(--font-serif);color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-weight:900;line-height:1.3}.pillars-desc{color:#cbd5e1;max-width:620px;margin:0 0 24px;font-size:1.18rem;line-height:1.95}.pillars-benefit-tag{color:#6ee7b7;background:#10b9812e;border:1.5px solid #10b98166;border-radius:24px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 18px;font-size:.94rem;font-weight:800;display:inline-flex}.pillars-timeline-track{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#061327b3;border:1.5px solid #d4af3759;border-radius:36px;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1050px;margin:36px auto 0;padding:12px 18px;display:flex;position:relative;box-shadow:0 10px 30px #0006}.pillars-milestone-btn{cursor:pointer;color:#cbd5e1;background:#ffffff0a;border:1px solid #d4af3733;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px 14px;transition:all .25s;display:flex}.pillars-milestone-btn:hover{color:#fff;background:#d4af3726;border-color:#d4af37;transform:translateY(-2px)}.pillars-milestone-btn.active{color:#fff;background:linear-gradient(135deg,#d4af374d,#d4af3726);border-color:#fcedba;transform:translateY(-2px);box-shadow:0 0 18px #d4af3766}.pillars-milestone-dot{color:#fcedba;width:28px;height:28px;font-size:.82rem;font-weight:800;font-family:var(--font-serif), Georgia, serif;background:#0a192f;border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;display:flex}.pillars-arrow-btn{color:#fcedba;cursor:pointer;background:#ffffff14;border:1.5px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s;display:flex}.pillars-arrow-btn:hover{color:#061327;background:#d4af37;border-color:#fff;transform:scale(1.08)}@media (max-width:992px){.pillars-stage-container{min-height:auto;padding:60px 16px}.pillars-main-grid{text-align:center;grid-template-columns:1fr;gap:28px}.pillars-visual-pod{height:220px}.pillars-mandala-outer{width:200px;height:200px}.pillars-mandala-mid{width:150px;height:150px}.pillars-celestial-orb{width:96px;height:96px;font-size:2.2rem}.pillars-timeline-track{justify-content:flex-start;padding:10px;overflow-x:auto}.pillars-milestone-btn{flex:none;padding:8px 12px}.pillars-desc{margin-left:auto;margin-right:auto}}
