@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";:root{--color-primary: #9C6B49;--color-primary-dark: #7A5238;--color-primary-light: #B88B6A;--color-bg-cream: #F9F4EE;--color-bg-light: #F9F8F6;--color-text-dark: #1a1510;--color-text-muted: #6b5a4a;--color-white: #ffffff;--color-border: rgba(156, 107, 73, .2);--font-family: "Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important;margin:0;padding:0}.fi-topbar,.fi-header,.fi-sidebar,.fi-footer,.fi-simple-page>header,header[class*=fi-]:not(.modern-header),footer[class*=fi-]:not(.modern-footer),nav[class*=fi-]{display:none!important}.fi-main,.fi-body,.fi-page,.fi-simple-page,.fi-page-content,main[class*=fi-],div[class*=fi-main],div[class*=fi-body],div[class*=fi-page],section[class*=fi-]{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}.modern-frontend-layout{font-family:var(--font-family);background:var(--color-bg-cream);min-height:100vh;margin:0!important;padding:0!important;overflow-x:hidden;width:100%!important}.modern-frontend-layout *{box-sizing:border-box}.modern-frontend-layout .container{max-width:1400px;margin:0 auto;padding:0 20px}.modern-frontend-layout .container-full{width:100%;padding:0 40px}.modern-frontend-layout .modern-header{background:transparent;position:sticky;top:0;z-index:100;padding:16px 0;transition:all .3s ease}.modern-frontend-layout .header-content{display:flex;justify-content:space-between;align-items:center}.modern-frontend-layout .logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .3s ease}.modern-frontend-layout .logo:hover{opacity:.9}.modern-frontend-layout .logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.modern-frontend-layout .logo-icon img{width:100%;height:100%;object-fit:contain}.modern-frontend-layout .logo:hover .logo-icon{transform:scale(1.05)}.modern-frontend-layout .logo-text{display:flex;flex-direction:column;gap:2px}.modern-frontend-layout .logo-title{font-size:18px;font-weight:700;color:#000;font-family:Almarai,sans-serif;line-height:1.2}.modern-frontend-layout .logo-subtitle{font-size:12px;font-weight:400;color:#9c6b49;font-family:Almarai,sans-serif;line-height:1.2}.modern-frontend-layout .nav-links{display:flex;align-items:center;gap:16px}.modern-frontend-layout .nav-links a{color:#000;text-decoration:none;font-size:18px;font-weight:400;font-family:Almarai,sans-serif;padding:10px 16px;border-radius:8px;transition:all .2s ease;position:relative}.modern-frontend-layout .nav-links a:hover,.modern-frontend-layout .nav-links a.active{color:var(--color-primary);background:#9c6b4914}.modern-frontend-layout .btn{padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;cursor:pointer;border:none}.modern-frontend-layout .btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 12px #9c6b494d}.modern-frontend-layout .btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #9c6b4966}.modern-frontend-layout .btn-register{background:#9c6b49;color:#f9f8f6;padding:14px 32px;border-radius:8px;font-size:19px;font-weight:500;font-family:Almarai,sans-serif;box-shadow:0 4px 12px #9c6b494d;border:1.5px solid rgba(132,96,70,.9)}.modern-frontend-layout .btn-register:hover{background:#7a5238;transform:translateY(-2px);box-shadow:0 6px 16px #9c6b4966}.modern-frontend-layout .btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.modern-frontend-layout .btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.modern-frontend-layout .btn-white{background:var(--color-white);color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.modern-frontend-layout .btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.site-footer{position:relative;background:url(/assets/png/footer-bg.png) center/cover no-repeat;color:#fff}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#84604699,#84604699),linear-gradient(#0000004d,#0000004d);z-index:0}.footer-container{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:24px 80px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}.footer-links-section{display:flex;gap:0}.footer-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 40px}.footer-column a{color:#fff;text-decoration:none;font-size:24px;font-weight:400;font-family:Almarai,sans-serif;transition:opacity .3s ease;text-align:center;line-height:1.4}.footer-column a:hover{opacity:.8}.footer-column a.active{color:#f0c20e;font-weight:700}.footer-guide{border-left:1px solid rgba(249,248,246,.34)}.footer-nav{border-left:1px solid rgba(249,248,246,.34);border-right:1px solid rgba(249,248,246,.34)}.footer-brand{display:flex;align-items:center;gap:26px}.footer-brand-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:266px}.footer-brand-title{font-size:20px;font-weight:700;color:#fff;font-family:Almarai,sans-serif;margin:0}.footer-brand-desc{font-size:20px;font-weight:400;color:#fff;font-family:Almarai,sans-serif;margin:0;line-height:1.4}.footer-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-logo img{width:89px;height:93px;object-fit:contain}.footer-contact{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-top:1px solid rgba(249,248,246,.34)}.footer-contact-items{display:flex;align-items:center;gap:70px}.footer-contact-item{display:flex;align-items:center;gap:8px}.footer-contact-item span{font-size:20px;font-weight:400;color:#fff;font-family:Almarai,sans-serif}.footer-contact-item svg{flex-shrink:0}.footer-contact-label{font-size:24px;font-weight:400;color:#fff;font-family:Almarai,sans-serif}.footer-bottom{text-align:center;padding:16px 0}.footer-bottom p{color:#fff;font-size:20px;font-weight:400;font-family:Almarai,sans-serif;margin:0}.modern-frontend-layout .main-content{min-height:calc(100vh - 400px)}.dark .modern-frontend-layout,.dark .modern-frontend-layout .main-content{background:#111827}.modern-frontend-layout .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.modern-frontend-layout .mobile-menu-toggle svg{width:24px;height:24px;color:var(--color-primary)}@media (max-width: 1024px){.modern-frontend-layout .nav-links{display:none;position:absolute;top:100%;right:0;left:0;background:#fdfbf9;flex-direction:column;padding:16px;box-shadow:0 4px 12px #0000001a;gap:8px}.modern-frontend-layout .nav-links.active{display:flex}.modern-frontend-layout .nav-links a{padding:12px 16px;font-size:16px}.modern-frontend-layout .mobile-menu-toggle{display:block}.modern-frontend-layout .header-content{position:relative}.footer-container{padding:24px 40px}.footer-top{flex-direction:column;gap:32px}.footer-column a{font-size:18px}.footer-contact-items{gap:30px;flex-wrap:wrap;justify-content:center}.footer-contact-item span{font-size:16px}}@media (max-width: 768px){.modern-frontend-layout .container-full{padding:0 16px}.modern-frontend-layout .modern-header{padding:12px 0}.modern-frontend-layout .logo{font-size:16px;gap:10px}.modern-frontend-layout .logo-icon{width:40px;height:40px}.modern-frontend-layout .btn{padding:10px 20px;font-size:14px}.footer-container{padding:20px}.footer-links-section{flex-direction:column;gap:24px}.footer-column{padding:16px 0;border-right:none!important;border-left:none!important;border-bottom:1px solid rgba(249,248,246,.34)}.footer-brand{flex-direction:column-reverse;text-align:center}.footer-brand-content{align-items:center}.footer-brand-title,.footer-brand-desc{text-align:center}.footer-contact,.footer-contact-items{flex-direction:column;gap:16px}.footer-column a{font-size:16px}}@media (max-width: 480px){.modern-frontend-layout .header-content{gap:12px}.modern-frontend-layout .logo span{display:none}}.hero{padding:60px 0 0;background:var(--color-bg-cream);position:relative;overflow:visible}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/png/hero-pattern.png);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:0;pointer-events:none}.hero-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:flex-end}.hero-content{text-align:right;padding-bottom:80px}.hero-title{font-size:64px;font-weight:800;margin-bottom:24px;line-height:96px;background:linear-gradient(to left,#8f5b36cc,#846046);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:35px;font-weight:400;color:#000;margin-bottom:32px;line-height:40px}.hero-buttons{display:flex;gap:16px;justify-content:flex-start}.hero-buttons .btn{font-size:20px;font-weight:700;padding:14px 32px}.hero-image-wrapper{position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-image-frame{position:relative;width:100%;max-width:420px;background:#ae9584;border-radius:40px 40px 0 0;overflow:visible;min-height:500px;display:flex;align-items:flex-end}.hero-image-frame img{position:relative;width:100%;display:block;z-index:2}.hero-calligraphy{position:absolute;top:15px;left:50%;transform:translate(-50%);width:70%;z-index:1;pointer-events:none}.hero-calligraphy img{width:100%;height:auto}.stats-section{padding:20px;background:#ae9584}.stats-container{max-width:1400px;margin:0 auto;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:transparent;padding:32px 16px;text-align:center;transition:all .3s ease;border:1px solid #ffffff;border-radius:9px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.stat-card:hover{background:#ffffff1a}.stat-icon{display:none}.stat-number{font-size:48px;font-weight:800;color:#fff;margin-bottom:8px;line-height:72px;text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Poppins,sans-serif}.stat-label{font-size:16px;font-weight:700;color:#fff;line-height:24px;font-family:Almarai,sans-serif}.about-section{padding:80px 10%;background:var(--color-bg-cream)}.about-container{max-width:1300px;margin:0 auto;padding:0;display:grid;grid-template-columns:40% 60%;gap:30px;align-items:stretch;direction:rtl}.about-image{position:relative;display:flex;align-items:stretch}.about-image img{width:100%;height:100%;object-fit:cover;border-radius:16px}.about-content{text-align:right}.about-title{font-size:48px;font-weight:700;color:#000;margin-bottom:24px;line-height:60px;font-family:Almarai,sans-serif}.about-description{font-size:22px;font-weight:400;color:#3e3c3c;line-height:38px;margin-bottom:40px;font-family:Almarai,sans-serif;text-align:justify;direction:rtl}.about-categories{display:grid;grid-template-columns:1fr 1fr;gap:50px}.category-box{background:transparent;border-radius:9px;padding:32px 16px;border:1px solid;border-image:linear-gradient(to left,#8f5b36cc,#846046) 1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.category-box .category-title{font-size:24px;font-weight:700;color:#000;margin-bottom:12px;line-height:30px;text-align:right;font-family:Almarai,sans-serif}.category-list{list-style:none;padding:0;margin:0;color:#000;font-size:16px;font-weight:400;line-height:24px;text-align:right;font-family:Almarai,sans-serif}.category-list.numbered{list-style:arabic-indic;list-style-position:inside}.category-list.bulleted li:before{content:"•";margin-left:8px}.section-badge{display:inline-block;padding:8px 20px;background:#9c6b491a;color:var(--color-primary);border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.section-title{font-size:36px;font-weight:800;color:var(--color-text-dark);margin-bottom:20px;line-height:1.3}.section-description{font-size:16px;color:var(--color-text-muted);line-height:1.8;margin-bottom:24px}.how-it-works{padding:80px 10%;background:var(--color-bg-cream)}.how-container{max-width:1300px;margin:0 auto;padding:0}.how-title{width:403px;font-size:48px;font-weight:700;color:#000;margin:0;line-height:54px;text-align:right;font-family:Almarai,sans-serif}.how-grid{display:grid;grid-template-columns:45% 55%;gap:60px;align-items:start;direction:rtl}.how-content-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:48px;width:100%;max-width:627px}.how-image{position:relative;display:flex;width:100%;max-width:523px;margin:0 auto}.how-image>img{width:100%;height:auto;border-radius:20px;object-fit:cover;object-position:center top}.how-testimonial-card{position:absolute;top:80px;left:-60px;width:304px;height:82px;background:#fff;border-radius:10px;padding:12px 24px;box-shadow:0 4px 9px #0000000d;z-index:10;box-sizing:border-box}.how-testimonial-content{display:flex;align-items:center;gap:16px;direction:rtl}.how-testimonial-text{display:flex;flex-direction:column;gap:3px;text-align:right}.how-testimonial-name{font-size:16px;font-weight:700;color:#000;margin:0;font-family:Almarai,sans-serif}.how-testimonial-desc{font-size:12px;font-weight:400;color:#3e3c3c;margin:0;font-family:Almarai,sans-serif;max-width:159px}.how-testimonial-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;flex-shrink:0}.how-testimonial-avatar img{width:100%;height:100%;object-fit:cover}.how-progress-card{position:absolute;top:50%;right:-60px;transform:translateY(-50%);background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 4px 9px #0000000d;z-index:10}.how-progress-content{display:flex;align-items:center;gap:12px;direction:rtl}.how-progress-chart{display:flex;align-items:center;justify-content:center}.how-progress-text{display:flex;flex-direction:column;gap:8px;text-align:right}.how-progress-label{font-size:12px;font-weight:400;color:#9c6b49;font-family:Almarai,sans-serif}.how-progress-value{font-size:16px;font-weight:500;color:#000;font-family:Inter,sans-serif;text-align:left}.how-highlight-card{position:absolute;bottom:80px;left:-54px;width:302px;height:68px;background:#fff;border-radius:10px;padding:24px;box-shadow:0 4px 9px #0000000d;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.how-highlight-content{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.how-highlight-text{font-size:14px;font-weight:700;color:#000;font-family:Almarai,sans-serif;letter-spacing:-.54px;white-space:nowrap}.how-highlight-icon{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(180deg,#8f5b36cc,#846046);display:flex;align-items:center;justify-content:center}.how-image-icon{position:absolute;top:300px;left:-30px;width:48px;height:48px;background:linear-gradient(180deg,#8f5b36cc,#846046);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 9px #0000001a}.how-message-icon{position:absolute;bottom:200px;right:-20px;width:40px;height:40px;background:linear-gradient(180deg,#846046,#84604680);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 9px #0000001a}.how-features{display:flex;flex-direction:column;gap:41px}.how-feature-item{display:flex;align-items:center;gap:32px;direction:rtl}.how-feature-content{flex:1;text-align:right}.how-feature-title{font-size:32px;font-weight:700;color:#000;margin-bottom:12px;line-height:36px;font-family:Almarai,sans-serif}.how-feature-description{font-size:18px;font-weight:400;color:#3e3c3c;line-height:26px;letter-spacing:-.04px;font-family:Almarai,sans-serif}.how-feature-icon{width:114px;height:114px;min-width:114px;background:linear-gradient(to bottom,#846046,#84604680);border-radius:24px;display:flex;align-items:center;justify-content:center;padding:30px}.how-feature-icon img{width:54px;height:54px;filter:brightness(0) invert(1)}.section-header{text-align:center;margin-bottom:60px}.features-section{padding:80px 10%;background:#ae95841a}.features-container{max-width:1300px;margin:0 auto;padding:0}.features-header{text-align:right;margin-bottom:50px;direction:rtl}.features-title{font-size:48px;font-weight:700;color:var(--color-primary);margin-bottom:20px;line-height:1.3}.features-subtitle{font-size:28px;color:#3e3c3c;line-height:1.5;max-width:900px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#f9f4ee;padding:32px 28px;border-radius:16px;transition:all .3s ease;text-align:right;direction:rtl;border:1px solid #9C6B49}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #9c6b4926}.feature-icon{width:61px;height:61px;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-end}.feature-icon img{width:61px;height:61px}.feature-icon svg{width:28px;height:28px;color:var(--color-primary)}.feature-title{font-size:22px;font-weight:700;color:#000;margin-bottom:16px;line-height:1.4}.feature-description{font-size:16px;color:#3e3c3c;line-height:1.8}.feature-card--horizontal{display:flex;align-items:flex-start;gap:16px;padding:24px}.feature-card--horizontal .feature-icon{flex-shrink:0;margin-bottom:0;justify-content:center}.feature-card--horizontal .feature-content{flex:1}.feature-card--horizontal .feature-title{font-size:18px;margin-bottom:8px}.feature-card--horizontal .feature-description{font-size:14px;color:#666}.feature-icon--sm,.feature-icon--sm img{width:40px;height:40px}.feature-icon--lg,.feature-icon--lg img{width:94px;height:94px}.user-guide{padding:40px 10% 80px;background:var(--color-bg-cream)}.user-guide-container{max-width:1300px;margin:0 auto}.user-guide-grid{display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:center;direction:rtl}.user-guide-content{display:flex;flex-direction:column;gap:48px}.user-guide-header{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;text-align:right}.user-guide-title{font-size:48px;font-weight:700;color:#9c6b49;margin:0;line-height:1;font-family:Almarai,sans-serif;letter-spacing:-.16px}.user-guide-subtitle{font-size:24px;font-weight:400;color:#3e3c3c;margin:0;line-height:40px;font-family:Almarai,sans-serif;letter-spacing:-.16px}.user-guide-items{display:flex;flex-direction:column;gap:16px}.user-guide-item{background:#ae95841a;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.user-guide-item-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;transition:all .3s ease}.user-guide-item:hover{background:#ae958433}.user-guide-item.active,.user-guide-item.active:hover{background:#ae9584}.user-guide-item-text{font-size:24px;font-weight:400;color:#9c6b49;font-family:Almarai,sans-serif;letter-spacing:-.16px;transition:color .3s ease}.user-guide-item.active .user-guide-item-text{color:#fff}.user-guide-item-arrow{display:flex;align-items:center;justify-content:center;color:#9c6b49;transition:all .3s ease}.user-guide-item.active .user-guide-item-arrow{color:#fff;transform:rotate(90deg)}.user-guide-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 40px}.user-guide-item.active .user-guide-item-content{max-height:200px;padding:0 40px 24px}.user-guide-item-content p{margin:0;font-size:16px;font-weight:400;color:#fff;font-family:Almarai,sans-serif;line-height:1.8;text-align:right}.user-guide-image{position:relative;display:flex;justify-content:center;align-items:center}.user-guide-image-shadow{position:absolute;bottom:-20px;width:200px;height:40px;background:#0003;border-radius:50%;filter:blur(20px)}.user-guide-image img{max-width:100%;height:auto;max-height:700px;position:relative;z-index:1}.testimonials{padding:40px 10% 80px;background:var(--color-bg-cream)}.testimonials-container{max-width:1300px;margin:0 auto}.testimonials-header{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;text-align:right}.testimonials-title{font-size:48px;font-weight:700;color:#9c6b49;margin:0;line-height:1;font-family:Almarai,sans-serif;letter-spacing:-.16px}.testimonials-subtitle{font-size:24px;font-weight:400;color:#3e3c3c;margin:0;line-height:40px;font-family:Almarai,sans-serif;letter-spacing:-.16px}.testimonials-cards{display:flex;gap:24px;direction:rtl;overflow-x:auto;scroll-behavior:smooth;flex:1;scrollbar-width:none;-ms-overflow-style:none}.testimonials-cards::-webkit-scrollbar{display:none}.testimonial-card{background:#fff;border-radius:10px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 4px 20px #0000000d;min-width:calc((100% - 48px) / 3);max-width:calc((100% - 48px) / 3);flex-shrink:0}.testimonial-quote p{font-size:20px;font-weight:400;color:#3e3c3c;margin:0;line-height:28px;font-family:Almarai,sans-serif;letter-spacing:-.08px;text-align:right}.testimonial-author{display:flex;align-items:center;gap:16px;direction:rtl}.testimonial-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-info{display:flex;flex-direction:column;gap:4px;text-align:right}.testimonial-name{font-size:20px;font-weight:700;color:#000;margin:0;font-family:Almarai,sans-serif;letter-spacing:-.08px}.testimonial-role{font-size:16px;font-weight:400;color:#666;font-family:Almarai,sans-serif}.testimonials-carousel{display:flex;align-items:center;gap:20px}.testimonial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.testimonial-logo{width:42px;height:30px}.testimonial-logo img{width:100%;height:100%;object-fit:contain}.testimonial-stars{display:flex;gap:2px}.testimonial-stars svg{width:22px;height:22px}.testimonials-nav-btn{width:45px;height:44px;border-radius:50%;border:none;background:linear-gradient(to left,#8f5b36cc,#846046);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease,transform .3s ease;flex-shrink:0}.testimonials-nav-btn:hover{opacity:.9;transform:scale(1.05)}.testimonials-nav-btn svg{width:12px;height:24px}.testimonials-section{padding:80px 0;background:var(--color-white)}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 20px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-card{background:var(--color-bg-light);padding:30px;border-radius:16px;position:relative}.testimonial-quote{font-size:15px;color:var(--color-text-muted);line-height:1.8;margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:700;font-size:18px}.author-info h4{font-size:16px;font-weight:700;color:var(--color-text-dark);margin-bottom:4px}.author-info p{font-size:13px;color:var(--color-text-muted)}.user-guide-section{padding:80px 0;background:var(--color-bg-cream)}.guide-container{max-width:1200px;margin:0 auto;padding:0 20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:var(--color-white);padding:30px 20px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;text-decoration:none;display:block;border:2px solid transparent}.guide-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #9c6b4926;border-color:var(--color-primary)}.guide-icon{width:70px;height:70px;margin:0 auto 16px;background:#9c6b491a;border-radius:50%;display:flex;align-items:center;justify-content:center}.guide-icon svg{width:32px;height:32px;color:var(--color-primary)}.guide-title{font-size:16px;font-weight:700;color:var(--color-text-dark)}.faq{padding:80px 0;background:var(--color-bg-cream)}.faq-container{max-width:1200px;margin:0 auto;padding:0 20px}.faq-header{text-align:right;margin-bottom:48px}.faq-title{font-size:48px;font-weight:700;color:#9c6b49;margin:0 0 24px;font-family:Almarai,sans-serif;letter-spacing:-.16px;line-height:1.2}.faq-subtitle{font-size:22px;font-weight:400;color:#3e3c3c;margin:0;font-family:Almarai,sans-serif;letter-spacing:-.16px;line-height:1.6}.faq-items{display:flex;flex-direction:column;gap:16px}.faq-item{background:#ae95841a;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.faq-item-header{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item-text{font-size:22px;font-weight:400;color:#3e3c3c;font-family:Almarai,sans-serif;letter-spacing:-.16px;text-align:right;flex:1}.faq-item-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3e3c3c;transition:transform .3s ease}.faq-item-arrow svg{width:32px;height:32px}.faq-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item-content p{padding:0 24px 24px;margin:0;font-size:18px;font-weight:400;color:#3e3c3c;font-family:Almarai,sans-serif;line-height:1.8;text-align:right}.faq-item.active{background:#9c6b49}.faq-item.active .faq-item-text{color:#fff}.faq-item.active .faq-item-arrow{color:#fff;transform:rotate(180deg)}.faq-item.active .faq-item-content{max-height:200px}.faq-item.active .faq-item-content p{color:#fff}.cta-banner{padding:60px 20px;background:var(--color-bg-cream)}.cta-banner-container{max-width:1200px;margin:0 auto;background:#ae9584;border-radius:32px;padding:80px 40px;position:relative;overflow:hidden}.cta-banner-decoration{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);display:flex;gap:-50px;pointer-events:none}.cta-ellipse{width:300px;height:300px;border-radius:50%;background:linear-gradient(180deg,#9c6b494d,#9c73542e);opacity:.6;flex-shrink:0}.cta-ellipse-1,.cta-ellipse-2,.cta-ellipse-3{margin-right:-80px}.cta-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:48px;text-align:center}.cta-banner-title{font-size:48px;font-weight:700;color:#fff;margin:0;font-family:Almarai,sans-serif;letter-spacing:-.4px;line-height:1.3;max-width:800px}.cta-banner-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 80px;background:#fff;color:#9c6b49;font-size:20px;font-weight:500;font-family:Almarai,sans-serif;border-radius:8px;text-decoration:none;border:1.5px solid;border-image:linear-gradient(90deg,#8f5b36cc,#846046) 1;transition:all .3s ease}.cta-banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c6b494d}.quick-resources-section{padding:60px 0;background:var(--color-bg-light)}.resources-container{max-width:1200px;margin:0 auto;padding:0 20px}.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.resource-card{background:var(--color-white);padding:30px 20px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .3s ease;text-decoration:none;display:block;border:2px solid transparent}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #9c6b4926;border-color:var(--color-primary)}.resource-icon{width:60px;height:60px;margin:0 auto 16px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.resource-icon svg{width:28px;height:28px;color:var(--color-white)}.resource-title{font-size:15px;font-weight:700;color:var(--color-text-dark)}@media (max-width: 1024px){.hero-container,.about-container{grid-template-columns:1fr;gap:40px}.hero-image-wrapper{order:1;justify-content:center}.hero-content{order:2;padding-bottom:40px}.hero-content,.about-content{text-align:center}.hero-title{font-size:48px;line-height:72px}.hero-subtitle{font-size:24px;line-height:32px}.hero-buttons{justify-content:center}.hero-image-frame{max-width:320px;min-height:400px}.stats-grid{grid-template-columns:repeat(4,1fr)}.how-grid{grid-template-columns:1fr;gap:40px}.how-features{order:1}.how-image{order:2;text-align:center}.features-grid{grid-template-columns:repeat(2,1fr)}.features-title{font-size:36px}.features-subtitle{font-size:20px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.user-guide-grid{grid-template-columns:1fr;gap:40px}.user-guide-image{order:-1}.guide-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero{padding:40px 0 0}.hero-container{padding:0 16px;gap:30px}.hero-title{font-size:32px;line-height:44px}.hero-subtitle{font-size:18px;line-height:26px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{font-size:16px;padding:12px 24px;width:100%;justify-content:center}.hero-image-frame{max-width:280px;min-height:350px;border-radius:30px 30px 0 0}.section-title{font-size:28px}.about-section{padding:40px 16px}.about-container{grid-template-columns:1fr;gap:30px}.about-title{font-size:28px;line-height:38px;text-align:center}.about-description{font-size:16px;line-height:28px}.about-categories{grid-template-columns:1fr;gap:16px}.category-box{padding:20px 16px}.category-box .category-title{font-size:20px}.stats-section{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:20px 12px}.stat-number{font-size:32px;line-height:48px}.stat-label{font-size:14px}.features-section{padding:40px 16px}.features-title{font-size:24px;line-height:32px}.features-subtitle{font-size:16px;line-height:24px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.feature-title{font-size:18px}.feature-description{font-size:14px}.testimonials-grid{grid-template-columns:1fr}.how-it-works{padding:40px 16px}.how-title{font-size:24px;line-height:32px;text-align:center;width:100%}.how-content-column{gap:32px;max-width:100%}.how-features{gap:24px}.how-feature-item{flex-direction:column;text-align:center;gap:16px}.how-feature-content{text-align:center}.how-feature-title{font-size:20px;line-height:28px}.how-feature-description{font-size:14px;line-height:22px}.how-feature-icon{width:80px;height:80px;min-width:80px;padding:20px;order:-1}.how-feature-icon img{width:40px;height:40px}.how-image{max-width:100%}.how-image>img{max-height:500px}.how-testimonial-card,.how-progress-card,.how-highlight-card,.how-image-icon,.how-message-icon{display:none}.user-guide{padding:40px 16px 60px}.user-guide-header{margin-bottom:32px}.user-guide-title{font-size:24px}.user-guide-subtitle{font-size:16px;line-height:24px}.user-guide-grid{gap:32px}.user-guide-item-header{padding:16px 20px}.user-guide-item-text{font-size:16px}.user-guide-item-content{padding:0 20px}.user-guide-item.active .user-guide-item-content{padding:0 20px 16px}.user-guide-item-content p{font-size:14px}.user-guide-image img{max-height:400px}.testimonials{padding:40px 16px 60px}.testimonials-header{margin-bottom:32px}.testimonials-title{font-size:24px}.testimonials-subtitle{font-size:16px;line-height:24px}.testimonials-carousel{gap:12px}.testimonial-card{min-width:260px;max-width:260px;padding:20px}.testimonial-quote p{font-size:14px;line-height:22px}.testimonial-name{font-size:16px}.testimonial-role{font-size:14px}.testimonials-nav-btn{width:36px;height:36px}.testimonials-nav-btn svg{width:10px;height:20px}.faq{padding:40px 16px 60px}.faq-title{font-size:24px}.faq-subtitle{font-size:16px}.faq-item-header{padding:16px}.faq-item-text{font-size:16px}.faq-item-arrow{width:32px;height:32px}.faq-item-arrow svg{width:24px;height:24px}.faq-item-content p{padding:0 16px 16px;font-size:14px}.cta-banner{padding:40px 16px}.cta-banner-container{padding:40px 20px;border-radius:20px}.cta-banner-title{font-size:24px}.cta-banner-btn{padding:14px 40px;font-size:16px}.guide-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(2,1fr)}.cta-title{font-size:28px}}@media (max-width: 480px){.hero-title{font-size:28px;line-height:38px}.hero-subtitle{font-size:16px;line-height:24px}.hero-image-frame{max-width:240px;min-height:300px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:16px 8px}.stat-number{font-size:28px;line-height:40px}.stat-label{font-size:12px}.about-title{font-size:24px;line-height:32px}.features-title,.how-title,.user-guide-title,.testimonials-title,.faq-title{font-size:22px}.cta-banner-title{font-size:20px}.testimonial-card{min-width:240px;max-width:240px}}.how-to-use-page{min-height:100vh;background-color:#fdfbf9;padding:60px 0 100px;position:relative}.how-to-use-page:before{content:"";position:absolute;top:-150px;right:-200px;width:700px;height:500px;background-image:url(/assets/svg/page-pattern.svg);background-size:contain;background-repeat:no-repeat;background-position:top right;pointer-events:none;z-index:0}.how-to-use-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:stretch;gap:80px;position:relative;z-index:1}.htu-header{width:100%;display:flex;flex-direction:column;gap:24px;text-align:right}.htu-title{font-size:35px;font-family:Almarai,sans-serif;font-weight:700;line-height:40px;color:#000}.htu-subtitle{font-size:35px;font-family:Almarai,sans-serif;font-weight:400;line-height:40px;color:#3e3c3c}.htu-steps{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:24px}.htu-step{width:100%;display:flex;align-items:center;gap:81px}.htu-step-right{flex-direction:row}.htu-step-left{flex-direction:row-reverse}.htu-step-content{width:757px;display:flex;flex-direction:column;align-items:center;gap:48px}.htu-step-icon{width:313.86px;height:261px}.htu-step-icon img{width:100%;height:100%;object-fit:contain}.htu-step-title{width:100%;text-align:center;font-size:35px;font-family:Almarai,sans-serif;font-weight:700;line-height:40px;color:#000}.htu-step-desc{width:100%;text-align:center;font-size:24px;font-family:Almarai,sans-serif;font-weight:400;line-height:30px;color:#3e3c3c}.htu-step-image{width:418.84px;display:flex;flex-direction:column;align-items:center}.htu-step-image img{width:100%;max-width:367px;height:auto;border-radius:49px;box-shadow:0 25px 50px -12px #00000026}@media (max-width: 1400px){.how-to-use-container{padding:0 24px}.htu-step{gap:50px}.htu-step-content{width:50%}.htu-step-image{width:350px}}@media (max-width: 1024px){.how-to-use-page{padding:40px 0 80px}.how-to-use-page:before{display:none}.how-to-use-container{gap:60px}.htu-title{font-size:28px;line-height:36px}.htu-subtitle{font-size:20px;line-height:28px}.htu-step{gap:40px}.htu-step-content{gap:32px}.htu-step-icon{width:200px;height:166px}.htu-step-title{font-size:24px;line-height:32px}.htu-step-desc{font-size:18px;line-height:26px}.htu-step-image{width:280px}.htu-step-image img{max-width:260px;border-radius:35px}}@media (max-width: 768px){.how-to-use-page{padding:32px 0 60px}.how-to-use-container{padding:0 16px;gap:48px}.htu-header{align-items:center;text-align:center}.htu-title{font-size:24px;line-height:32px}.htu-subtitle{font-size:16px;line-height:24px}.htu-steps{gap:48px}.htu-step,.htu-step-right,.htu-step-left{flex-direction:column;gap:32px}.htu-step-content{width:100%;gap:24px}.htu-step-icon{width:160px;height:133px}.htu-step-title{font-size:20px;line-height:28px}.htu-step-desc{font-size:16px;line-height:24px}.htu-step-image{width:100%;max-width:280px}.htu-step-image img{max-width:240px;border-radius:30px}}@media (max-width: 480px){.htu-title{font-size:20px;line-height:28px}.htu-subtitle{font-size:14px;line-height:22px}.htu-step-icon{width:120px;height:100px}.htu-step-title{font-size:18px;line-height:26px}.htu-step-desc{font-size:14px;line-height:22px}.htu-step-image img{max-width:200px;border-radius:25px}}.frontend-page{min-height:100vh;background-color:#fdfbf9;padding:60px 0 100px;position:relative}.frontend-page:before{content:"";position:absolute;top:-150px;right:-200px;width:700px;height:500px;background-image:url(/assets/svg/page-pattern.svg);background-size:contain;background-repeat:no-repeat;background-position:top right;pointer-events:none;z-index:0}.frontend-page-container{max-width:1300px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:48px;position:relative;z-index:1}.frontend-page .page-header{text-align:right;margin-bottom:24px}.frontend-page .page-title{font-size:35px;font-family:Almarai,sans-serif;font-weight:700;line-height:1.3;color:#000;margin-bottom:24px}.frontend-page .page-subtitle{font-size:35px;font-family:Almarai,sans-serif;font-weight:400;line-height:1.3;color:#3e3c3c}.frontend-page .page-content{display:flex;flex-direction:column;gap:40px}.frontend-page .content-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000000f}.frontend-page .section-title{font-size:24px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin-bottom:16px}.frontend-page .section-text{font-size:18px;font-family:Almarai,sans-serif;font-weight:400;line-height:1.8;color:#3e3c3c}.frontend-page .section-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.frontend-page .section-list li{font-size:18px;font-family:Almarai,sans-serif;font-weight:400;line-height:1.6;color:#3e3c3c;padding-right:24px;position:relative}.frontend-page .section-list li:before{content:"";position:absolute;right:0;top:10px;width:8px;height:8px;background:#9c6b49;border-radius:50%}.workflow-steps{display:flex;flex-direction:column;gap:24px}.workflow-step{display:flex;align-items:flex-start;gap:20px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}.workflow-step .step-number{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#9c6b49,#7a5238);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:Almarai,sans-serif}.workflow-step .step-content{flex:1}.workflow-step .step-title{font-size:20px;font-family:Almarai,sans-serif;font-weight:700;color:#000;margin-bottom:8px}.workflow-step .step-desc{font-size:16px;font-family:Almarai,sans-serif;font-weight:400;line-height:1.6;color:#3e3c3c;margin:0}.tips-section{background:linear-gradient(135deg,#9c6b491a,#9c6b490d)!important;border:1px solid rgba(156,107,73,.2)}.points-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px}.points-category{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease}.points-category:hover{transform:translateY(-4px)}.points-category .category-icon{margin-bottom:16px}.points-category .category-title{font-size:18px;font-family:Almarai,sans-serif;font-weight:700;color:#000;margin-bottom:8px}.points-category .category-desc{font-size:14px;font-family:Almarai,sans-serif;font-weight:400;color:#9c6b49;margin:0}.points-table{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid rgba(156,107,73,.2)}.table-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.table-header{background:#9c6b49}.table-header .table-cell{color:#fff;font-weight:700}.table-row:not(.table-header){background:#fff;border-bottom:1px solid rgba(156,107,73,.1)}.table-row:not(.table-header):last-child{border-bottom:none}.table-cell{padding:16px;font-size:16px;font-family:Almarai,sans-serif}.table-cell.highlight{font-weight:700;color:#9c6b49}.rewards-list li strong{color:#9c6b49}.usage-policy-page .page-content{display:flex;flex-direction:column;gap:48px}.responsibility-section-v2{padding:0}.responsibility-title-v2{font-size:40px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.responsibility-desc-v2{font-size:24px;font-family:Almarai,sans-serif;line-height:1.5;color:#000;margin-bottom:32px;text-align:right}.responsibility-cards-grid{display:flex;flex-direction:column;gap:32px}.responsibility-cards-row{display:flex;gap:24px}.responsibility-card{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:18px;background:#f9f8f6;border:1px solid rgba(156,107,73,.2);border-radius:22px;padding:16px 24px;min-height:70px}.responsibility-card-icon{flex-shrink:0;width:38px;height:38px}.responsibility-card span{font-size:20px;font-family:Almarai,sans-serif;font-weight:700;color:#333;line-height:1.4;text-align:right}.permissions-section-v2{padding:0}.permissions-section-v2 .section-title{font-size:40px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.permissions-section-v2 .section-subtitle{font-size:24px;font-family:Almarai,sans-serif;color:#000;text-align:right;margin-bottom:32px;line-height:1.5}.permissions-grid-v2{display:flex;flex-direction:column;gap:24px}.permissions-row{display:flex;gap:24px}.permission-card-v2{flex:1;background:#ae95841a;border-radius:16px;padding:24px;border:1px solid rgba(140,91,54,.5);min-height:180px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.permission-role-v2{font-size:24px;font-family:Almarai,sans-serif;font-weight:700;color:#000;margin-bottom:16px;text-align:right;line-height:1.25}.permission-list-v2{list-style:disc;padding:0 24px 0 0;margin:0;direction:rtl}.permission-list-v2 li{font-size:24px;font-family:Almarai,sans-serif;font-weight:400;color:#3e3c3c;line-height:1.25;padding:0;margin-bottom:0}.permission-list-v2 li::marker{color:#3e3c3c}.policy-section-v2{padding:0}.policy-section-v2 .section-title{font-size:40px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.policy-section-v2 .section-subtitle{font-size:24px;font-family:Almarai,sans-serif;color:#000;text-align:right;margin-bottom:32px;line-height:1.5}.policy-cards-grid{display:flex;flex-direction:column;gap:20px}.policy-cards-row{display:flex;gap:24px}.policy-card{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:18px;background:#f9f8f6;border:1px solid rgba(156,107,73,.2);border-radius:22px;padding:16px 24px;min-height:70px}.policy-card-icon{flex-shrink:0;width:38px;height:38px}.policy-card span{font-size:20px;font-family:Almarai,sans-serif;font-weight:700;color:#333;line-height:1.4;text-align:right}.policy-section{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 24px #0000000f}.policy-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.policy-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.policy-icon.privacy-icon{background:linear-gradient(135deg,#e3d4f0,#c9b5e0);color:#6b4d8a}.policy-icon.attendance-icon{background:linear-gradient(135deg,#d4e8f0,#a8d4e8);color:#3d6b8a}.policy-title{font-size:24px;font-family:Almarai,sans-serif;font-weight:700;color:#1a1510;margin:0}.policy-desc{font-size:16px;font-family:Almarai,sans-serif;color:#6b5a4a;margin-bottom:20px}.policy-list{list-style:none;padding:0;margin:0}.policy-list li{font-size:16px;font-family:Almarai,sans-serif;color:#3e3c3c;padding:12px 24px 12px 0;position:relative;border-bottom:1px solid rgba(156,107,73,.1);line-height:1.6}.policy-list li:last-child{border-bottom:none}.policy-list li:before{content:"";position:absolute;right:0;top:18px;width:10px;height:10px;background:#9c6b49;border-radius:50%}@media (max-width: 768px){.frontend-page{padding:40px 0 60px}.frontend-page:before{display:none}.frontend-page-container{padding:0 16px;gap:32px}.frontend-page .page-title,.frontend-page .page-subtitle{font-size:28px}.frontend-page .content-section{padding:24px}.frontend-page .section-title{font-size:20px}.frontend-page .section-text,.frontend-page .section-list li{font-size:16px}.workflow-step{padding:20px}.workflow-step .step-number{width:40px;height:40px;min-width:40px;font-size:18px}.workflow-step .step-title{font-size:18px}.workflow-step .step-desc{font-size:14px}.points-categories{grid-template-columns:repeat(2,1fr);gap:16px}.points-category{padding:20px}.table-row{grid-template-columns:1fr 1fr}.table-cell:last-child{display:none}.permissions-section,.policy-section{padding:24px}.policy-header{flex-direction:column;align-items:flex-start;gap:12px}.policy-icon{width:52px;height:52px}.policy-title{font-size:20px}.permissions-grid{grid-template-columns:1fr}.permission-card{padding:20px}.responsibility-title-v2{font-size:24px}.responsibility-desc-v2{font-size:16px}.responsibility-cards-grid{gap:16px}.responsibility-cards-row{flex-direction:column;gap:16px}.responsibility-card{padding:16px 20px}.permissions-section-v2 .section-title{font-size:24px}.permissions-section-v2 .section-subtitle{font-size:16px}.permissions-grid-v2{gap:16px}.permissions-row{flex-direction:column;gap:16px}.permission-role-v2{font-size:18px}.permission-list-v2 li{font-size:16px}.policy-section-v2 .section-title{font-size:24px}.policy-section-v2 .section-subtitle{font-size:16px}.policy-cards-row{flex-direction:column;gap:16px}.policy-card span{font-size:16px}}@media (max-width: 480px){.frontend-page .page-title,.frontend-page .page-subtitle{font-size:24px}.points-categories{grid-template-columns:1fr}.policy-desc,.policy-list li{font-size:14px}.responsibility-title-v2{font-size:22px}.responsibility-desc-v2,.responsibility-card span{font-size:14px}.permissions-section-v2 .section-title{font-size:22px}.permissions-section-v2 .section-subtitle{font-size:14px}.permission-role-v2{font-size:16px}.permission-list-v2 li{font-size:14px}.policy-section-v2 .section-title{font-size:22px}.policy-section-v2 .section-subtitle,.policy-card span{font-size:14px}}.workflow-section{margin-bottom:48px}.workflow-section-header{margin-bottom:32px}.workflow-section-title{font-size:40px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.workflow-section-desc{font-size:24px;font-family:Almarai,sans-serif;font-weight:400;line-height:1.5;color:#000;text-align:right}.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;align-items:start}.workflow-section-stacked{margin-bottom:0}.workflow-cards-stacked{display:flex;flex-direction:column;gap:16px}.workflow-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.workflow-card{display:flex;align-items:center;justify-content:flex-start;gap:18px;background:#f9f8f6;border:1px solid rgba(156,107,73,.2);border-radius:22px;padding:20px 24px;min-height:80px;transition:all .3s ease}.workflow-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #9c6b4926;border-color:#9c6b4966}.workflow-card-icon{flex-shrink:0;width:38px;height:38px}.workflow-card span{font-size:20px;font-family:Almarai,sans-serif;font-weight:700;color:#333;line-height:1.4;text-align:right}.grades-section{margin-top:48px}.grades-section-title{font-size:40px;font-family:Almarai,sans-serif;font-weight:700;color:#9c6b49;margin:0 0 32px;text-align:right;line-height:1.8}.grades-grid{display:flex;flex-direction:column;gap:10px}.grades-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.grades-cell{background:#fff;border-radius:16px;padding:32px 16px;font-size:20px;font-family:Almarai,sans-serif;font-weight:700;color:#000;text-align:center;display:flex;align-items:center;justify-content:center;min-height:94px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.grades-cell:hover{transform:translateY(-2px);box-shadow:0 4px 16px #9c6b491f}.grades-header .grades-cell{background:#ae9584;color:#fff}.grades-header .grades-cell:hover{transform:none;box-shadow:none}.points-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 16px;background:linear-gradient(135deg,#f0c20e,#d4a80c);color:#fff;font-size:18px;font-family:Almarai,sans-serif;font-weight:700;border-radius:20px;box-shadow:0 2px 8px #f0c20e4d}@media (max-width: 1024px){.workflow-grid{grid-template-columns:1fr;gap:40px}.workflow-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.workflow-grid{gap:32px}.workflow-section{margin-bottom:32px}.workflow-section-title{font-size:24px}.workflow-section-desc{font-size:16px}.workflow-cards{grid-template-columns:1fr;gap:16px}.workflow-card{padding:16px 20px}.workflow-card span{font-size:16px}.grades-section{margin-top:32px}.grades-section-title{font-size:24px}.grades-row{gap:8px}.grades-cell{font-size:16px;padding:20px 12px;min-height:70px}.points-badge{min-width:36px;height:30px;font-size:14px;padding:0 12px}}@media (max-width: 480px){.workflow-section-title{font-size:22px}.workflow-section-desc,.workflow-card span{font-size:14px}.grades-section-title{font-size:22px}.grades-grid{gap:8px}.grades-row{grid-template-columns:1fr;gap:6px}.grades-cell{font-size:14px;padding:16px 12px;min-height:auto;border-radius:12px}.grades-header .grades-cell{padding:12px}.points-badge{min-width:32px;height:26px;font-size:12px;padding:0 10px}}.points-system-page .page-content{display:flex;flex-direction:column;gap:60px}.points-section-title{font-size:32px;font-weight:700;color:#9c6b49;font-family:Almarai,sans-serif;margin:0 0 32px;text-align:right}.points-motivation-section{padding:40px 0}.points-motivation-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.points-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.points-phone-mockup{display:flex;justify-content:center;align-items:center}.points-phone-mockup img{max-width:450px;height:auto}.points-usage-section{padding-bottom:40px}.points-usage-grid{display:grid;grid-template-columns:auto auto;align-items:start;justify-content:space-between;width:100%}.points-usage-content{display:flex;flex-direction:column;gap:32px}.points-usage-content .points-section-title{margin-bottom:0;color:#141414;font-weight:700;font-size:40px}.points-usage-cards{display:flex;flex-direction:column;gap:32px}.points-usage-image{text-align:right}.points-usage-image img{max-height:600px;width:auto}.points-usage-cards .how-feature-item{gap:32px}.points-usage-cards .how-feature-icon{width:114px;height:114px;min-width:114px;background:linear-gradient(to bottom,#846046,#84604680);border-radius:24px;display:flex;align-items:center;justify-content:center;padding:30px}.points-usage-cards .how-feature-icon img{width:54px;height:54px}.points-usage-cards .how-feature-title{font-size:32px;font-weight:700;color:#000;margin-bottom:12px;line-height:36px}.points-usage-cards .how-feature-description{font-size:18px;font-weight:400;color:#3e3c3c;line-height:26px;letter-spacing:-.04px}@media (max-width: 1024px){.points-motivation-grid{grid-template-columns:1fr;gap:40px}.points-phone-mockup{order:-1}.points-cards-grid{grid-template-columns:repeat(2,1fr)}.points-usage-grid{grid-template-columns:1fr;gap:40px}.points-usage-image{order:-1}.points-usage-cards{gap:24px}}@media (max-width: 768px){.points-section-title{font-size:26px;margin-bottom:24px}.points-cards-grid{grid-template-columns:1fr;gap:16px}.points-cards-grid .feature-card--horizontal{padding:20px}.points-cards-grid .feature-icon--sm{width:36px;height:36px}.points-cards-grid .feature-card--horizontal .feature-title{font-size:16px}.points-cards-grid .feature-card--horizontal .feature-description{font-size:13px}.points-phone-mockup img{max-width:260px}.points-usage-cards,.points-usage-cards .how-feature-item{gap:20px}.points-usage-cards .how-feature-icon{width:80px;height:80px;min-width:80px;padding:20px}.points-usage-cards .how-feature-icon img{width:40px;height:40px}.points-usage-cards .how-feature-title{font-size:22px;line-height:28px}.points-usage-cards .how-feature-description{font-size:14px;line-height:22px}}