@font-face{font-family:Monotype Koufi;src:url(/assets/fonts/MonotypeKoufi/Monotype-Koufi.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mohammad Bold Art;src:url(/assets/fonts/MohammadBoldArt/mohammad-bold-art-1.ttf);font-weight:700;font-style:normal}@font-face{font-family:Generator;src:url(/assets/fonts/Generator/Generator-Black.ttf);font-weight:900;font-style:normal}: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-title: "Monotype Koufi", "Cairo", "Almarai", sans-serif;--font-name: "Mohammad Bold Art", "Cairo", "Almarai", sans-serif;--font-body: "Generator", "Cairo", "Almarai", sans-serif;--font-family: var(--font-body)}html{font-size:18px!important}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 .new-header{display:flex;flex-direction:column;width:100%;align-items:flex-end;justify-content:center;gap:25px;padding:24px 80px;direction:rtl;background-color:#fff}.modern-frontend-layout .new-header__nav{display:flex;width:100%;align-items:center;justify-content:space-between;position:relative}.modern-frontend-layout .new-header__btn{all:unset;box-sizing:border-box;display:flex;min-width:144px;height:56px;align-items:center;justify-content:center;gap:13px;position:relative;background-color:#9c6b49;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:var(--font-body);font-weight:500;color:#f9f8f6;font-size:19.5px;text-align:center;letter-spacing:0;line-height:26px;white-space:nowrap;direction:rtl;padding:0 20px;text-decoration:none}.modern-frontend-layout .new-header__btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.modern-frontend-layout .new-header__btn:active{transform:translateY(0)}.modern-frontend-layout .new-header__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5px;border-radius:8px;background:linear-gradient(270deg,#8f5b36cc,#846046);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.modern-frontend-layout .new-header__center{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px}.modern-frontend-layout .new-header__links{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:4px;list-style:none;margin:0;padding:0}.modern-frontend-layout .new-header__links li{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:8px}.modern-frontend-layout .new-header__links a{font-family:var(--font-body);font-weight:400;color:#000;font-size:18px;text-align:center;line-height:26px;white-space:nowrap;direction:rtl;text-decoration:none;transition:color .2s ease}.modern-frontend-layout .new-header__links a:hover{color:#9c6b49}.modern-frontend-layout .new-header__links a.active{color:#9c6b49;font-weight:700}.modern-frontend-layout .new-header__logo{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:16px;text-decoration:none}.modern-frontend-layout .new-header__logo-text{font-family:var(--font-body);font-weight:700;color:#000;font-size:18px;text-align:center;line-height:26px;white-space:nowrap;direction:rtl}.modern-frontend-layout .new-header__logo-img{width:auto;height:64px;object-fit:contain}.modern-frontend-layout .new-header__mobile-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer}.modern-frontend-layout .new-header__mobile-toggle svg,.modern-frontend-layout .new-header__menu-icon{width:24px;height:24px;color:#000}.modern-frontend-layout .new-header__actions{display:flex;align-items:center}.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:var(--font-body);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}@media (max-width: 1024px){.modern-frontend-layout .new-header{padding:16px 40px}.modern-frontend-layout .new-header__links{gap:0}.modern-frontend-layout .new-header__links li{padding:8px 12px}.modern-frontend-layout .new-header__links a{font-size:16px}.modern-frontend-layout .new-header__btn{min-width:120px;height:48px;font-size:16px}}@media (max-width: 768px){.modern-frontend-layout .new-header{padding:16px 20px}.modern-frontend-layout .new-header__nav{justify-content:space-between}.modern-frontend-layout .new-header__center{justify-content:space-between;gap:0}.modern-frontend-layout .new-header__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:20px;box-shadow:0 4px 12px #0000001a;z-index:100}.modern-frontend-layout .new-header__links.active{display:flex}.modern-frontend-layout .new-header__links li{width:100%;justify-content:flex-start;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.modern-frontend-layout .new-header__links li:last-child{border-bottom:none}.modern-frontend-layout .new-header__actions{display:none}.modern-frontend-layout .new-header__mobile-toggle{display:flex;align-items:center;justify-content:center}.modern-frontend-layout .new-header__logo{gap:8px}.modern-frontend-layout .new-header__logo-text{font-size:14px}.modern-frontend-layout .new-header__logo-img{height:48px}}.modern-frontend-layout .new-hero{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}.modern-frontend-layout .new-hero__container{position:relative;width:100%;min-height:731px;background-image:url(/assets/png/hero-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.modern-frontend-layout .new-hero__decoration{position:absolute;z-index:1;pointer-events:none}.modern-frontend-layout .new-hero__decoration--left{top:0;left:5.56%;width:7.55%;height:auto;max-height:49.52%}.modern-frontend-layout .new-hero__decoration--right{top:49.25%;right:0;width:15.4%;height:auto;max-height:35.02%}.modern-frontend-layout .new-hero__content{display:flex;flex-direction:column;align-items:center;gap:54px;position:relative;z-index:2;padding:80px 20px;text-align:center}.modern-frontend-layout .new-hero__text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:822px}.modern-frontend-layout .new-hero__title{font-family:var(--font-title);font-weight:700;color:#fff;font-size:64px;text-align:center;letter-spacing:0;line-height:96px;direction:rtl;margin:0}.modern-frontend-layout .new-hero__subtitle{font-family:var(--font-body);font-weight:700;color:#fff;font-size:35px;text-align:center;letter-spacing:-.16px;line-height:40px;direction:rtl;margin:0;max-width:782px}.modern-frontend-layout .new-hero__btn{display:flex;min-width:302px;height:64px;align-items:center;justify-content:center;gap:8px;padding:16px 15px;background-color:#f0c20e;border-radius:16px;box-shadow:0 4px 4px #f0c20e1a;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-decoration:none;font-family:var(--font-body);font-weight:700;color:#000;font-size:24px;text-align:center;direction:rtl}.modern-frontend-layout .new-hero__btn:hover{background-color:#d9ae0c;transform:translateY(-2px)}.modern-frontend-layout .new-hero__wave{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:3;display:block}@media (max-width: 1024px){.modern-frontend-layout .new-hero__container{min-height:600px}.modern-frontend-layout .new-hero__content{padding:60px 40px;gap:40px}.modern-frontend-layout .new-hero__title{font-size:48px;line-height:72px}.modern-frontend-layout .new-hero__subtitle{font-size:28px;line-height:36px}.modern-frontend-layout .new-hero__btn{min-width:260px;height:56px;font-size:20px}}@media (max-width: 768px){.modern-frontend-layout .new-hero__container{min-height:500px}.modern-frontend-layout .new-hero__content{padding:50px 20px;gap:32px}.modern-frontend-layout .new-hero__title{font-size:32px;line-height:48px}.modern-frontend-layout .new-hero__subtitle{font-size:20px;line-height:28px}.modern-frontend-layout .new-hero__btn{min-width:220px;height:52px;font-size:18px;padding:12px 20px}.modern-frontend-layout .new-hero__decoration--left{width:15%;left:2%}.modern-frontend-layout .new-hero__decoration--right{display:none}}@media (max-width: 480px){.modern-frontend-layout .new-hero__container{min-height:450px}.modern-frontend-layout .new-hero__content{padding:40px 16px;gap:24px}.modern-frontend-layout .new-hero__title{font-size:28px;line-height:40px}.modern-frontend-layout .new-hero__subtitle{font-size:18px;line-height:26px}.modern-frontend-layout .new-hero__btn{min-width:180px;height:48px;font-size:16px;border-radius:12px}.modern-frontend-layout .new-hero__decoration--left,.modern-frontend-layout .new-hero__decoration--right{display:none}}.modern-frontend-layout .new-hero__stats{position:relative;width:100%;background-color:#fff;z-index:5;margin:0;padding:0}.modern-frontend-layout .new-hero__stats-items{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:1280px;margin:0 auto;padding:0}.modern-frontend-layout .new-hero__stat-item{display:flex;align-items:center;justify-content:center;gap:20px;flex:1;padding:16px;border-radius:16px}.modern-frontend-layout .new-hero__stat-info{display:flex;flex-direction:column;align-items:center}.modern-frontend-layout .new-hero__stat-number{font-family:var(--font-body);font-size:40px;font-weight:800;line-height:72px;color:#794b19;letter-spacing:-.8px;text-align:center}.modern-frontend-layout .new-hero__stat-label{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:26px;color:#000;letter-spacing:-.04px;text-align:center;white-space:nowrap}.modern-frontend-layout .new-hero__stat-icon{width:80px;height:80px;object-fit:contain}.modern-frontend-layout .new-hero__clip{position:relative;width:100%;background-color:#fff}.modern-frontend-layout .new-hero__clip-image{width:100%;height:auto;display:block}@media (max-width: 1200px){.modern-frontend-layout .new-hero__stats-items{gap:20px}.modern-frontend-layout .new-hero__stat-item{gap:12px;padding:12px}.modern-frontend-layout .new-hero__stat-number{font-size:32px;line-height:48px}.modern-frontend-layout .new-hero__stat-icon{width:60px;height:60px}}@media (max-width: 900px){.modern-frontend-layout .new-hero__stats-items{flex-wrap:wrap;gap:16px}.modern-frontend-layout .new-hero__stat-item{flex:1 1 calc(50% - 16px);min-width:140px}}@media (max-width: 480px){.modern-frontend-layout .new-hero__stats-items{flex-direction:column;gap:12px}.modern-frontend-layout .new-hero__stat-item{flex:1 1 100%;width:100%}.modern-frontend-layout .new-hero__stat-number{font-size:28px;line-height:40px}.modern-frontend-layout .new-hero__stat-label{font-size:14px}.modern-frontend-layout .new-hero__stat-icon{width:50px;height:50px}}.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:var(--font-body);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:var(--font-body);margin:0}.footer-brand-desc{font-size:20px;font-weight:400;color:#fff;font-family:var(--font-body);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:var(--font-body)}.footer-contact-item svg{flex-shrink:0}.footer-contact-label{font-size:24px;font-weight:400;color:#fff;font-family:var(--font-body)}.footer-bottom{text-align:center;padding:16px 0}.footer-bottom p{color:#fff;font-size:20px;font-weight:400;font-family:var(--font-body);margin:0}.modern-frontend-layout .new-footer__clip{position:relative;width:100%;background-color:var(--color-bg-cream);margin-top:0}.modern-frontend-layout .new-footer__clip-image{width:100%;height:auto;display:block;transform:rotate(180deg)}.modern-frontend-layout .new-footer{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;background-color:#9c6b49;direction:rtl}.modern-frontend-layout .new-footer__container{display:flex;flex-direction:column;width:100%;align-items:flex-start}.modern-frontend-layout .new-footer__top{display:flex;flex-direction:row;min-height:287px;align-items:center;justify-content:center;gap:24px;padding:24px 80px;width:100%;direction:rtl}.modern-frontend-layout .new-footer__nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;direction:rtl}.modern-frontend-layout .new-footer__column{display:flex;flex-direction:column;max-width:436px;align-items:flex-start;justify-content:center;gap:16px;padding:0 32px;direction:rtl}.modern-frontend-layout .new-footer__column a{display:inline-flex;flex-direction:row;align-items:center;gap:16px;text-decoration:none;color:#fff;transition:opacity .2s ease;direction:rtl}.modern-frontend-layout .new-footer__column a:hover{opacity:.8}.modern-frontend-layout .new-footer__column a.new-footer__link--active{opacity:1}.modern-frontend-layout .new-footer__column a.new-footer__link--active span{color:#daa520;font-weight:700}.modern-frontend-layout .new-footer__column a span{font-family:var(--font-body);font-weight:400;color:#fff;font-size:24px;text-align:center;line-height:30px;white-space:nowrap;direction:rtl}.modern-frontend-layout .new-footer__column a svg,.modern-frontend-layout .new-footer__arrow-icon{width:24px;height:24px;flex-shrink:0}.modern-frontend-layout .new-footer__brand{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:26px;direction:rtl}.modern-frontend-layout .new-footer__brand-content{display:flex;flex-direction:column;max-width:266px;align-items:flex-start;gap:4px;direction:rtl}.modern-frontend-layout .new-footer__brand-title{font-family:var(--font-body);font-weight:700;color:#fff;font-size:20px;line-height:28px;direction:rtl;text-align:right;margin:0}.modern-frontend-layout .new-footer__brand-desc{font-family:var(--font-body);font-weight:400;color:#fff;font-size:18px;line-height:26px;direction:rtl;text-align:right;margin:0}.modern-frontend-layout .new-footer__brand-logo{width:90px;height:103px;object-fit:contain}.modern-frontend-layout .new-footer__contact{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 80px;width:100%;font-style:normal;direction:rtl}.modern-frontend-layout .new-footer__contact-inner{display:flex;flex-direction:row;align-items:center;gap:40px;direction:rtl}.modern-frontend-layout .new-footer__contact-items{display:flex;flex-direction:row;align-items:center;gap:32px;direction:rtl}.modern-frontend-layout .new-footer__contact-item{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;color:#fff;transition:opacity .2s ease}.modern-frontend-layout .new-footer__contact-item:hover{opacity:.8}.modern-frontend-layout .new-footer__contact-item span{font-family:var(--font-body);font-weight:400;color:#fff;font-size:20px;line-height:28px;text-align:right}.modern-frontend-layout .new-footer__contact-item svg,.modern-frontend-layout .new-footer__contact-icon{width:20px;height:20px;flex-shrink:0}.modern-frontend-layout .new-footer__contact-label{font-family:var(--font-body);font-weight:400;color:#fff;font-size:24px;line-height:normal;direction:rtl;text-align:right;margin:0}.modern-frontend-layout .new-footer__copyright{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;width:100%;border-top:1px solid rgba(255,255,255,.34)}.modern-frontend-layout .new-footer__copyright p{font-family:var(--font-body);font-weight:400;color:#fff;font-size:20px;line-height:normal;direction:rtl;text-align:center;margin:0}@media (max-width: 1024px){.modern-frontend-layout .new-footer__top{padding:24px 40px}.modern-frontend-layout .new-footer__contact{padding:20px 40px}.modern-frontend-layout .new-footer__contact-items{gap:24px;flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.modern-frontend-layout .new-footer__top{flex-direction:column;padding:24px 20px;min-height:auto}.modern-frontend-layout .new-footer__nav{flex-direction:column;width:100%}.modern-frontend-layout .new-footer__column{border:none;border-top:1px solid rgba(249,248,246,.34);padding:20px 0;max-width:100%;width:100%;align-items:center}.modern-frontend-layout .new-footer__column a{justify-content:center}.modern-frontend-layout .new-footer__brand{flex-direction:column;gap:16px}.modern-frontend-layout .new-footer__brand-content{align-items:center;text-align:center}.modern-frontend-layout .new-footer__brand-title,.modern-frontend-layout .new-footer__brand-desc{text-align:center}.modern-frontend-layout .new-footer__contact{padding:20px;border-top:1px solid rgba(249,248,246,.34)}.modern-frontend-layout .new-footer__contact-inner{flex-direction:column;gap:16px}.modern-frontend-layout .new-footer__contact-items{flex-direction:column;gap:12px;align-items:center}.modern-frontend-layout .new-footer__contact-item{justify-content:center}.modern-frontend-layout .new-footer__contact-label{text-align:center}.modern-frontend-layout .new-footer__copyright p{font-size:16px}}.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:var(--font-body)}.stat-label{font-size:16px;font-weight:700;color:#fff;line-height:24px;font-family:var(--font-body)}.modern-frontend-layout .new-about{position:relative;width:100%;padding:40px 63px;background-color:#fff}.modern-frontend-layout .new-about__container{display:flex;align-items:center;justify-content:center;gap:100px;min-height:625px}.modern-frontend-layout .new-about__content{display:flex;flex-direction:column;max-width:764px;align-items:flex-start;gap:48px;flex:1}.modern-frontend-layout .new-about__header{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.modern-frontend-layout .new-about__title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:24px}.modern-frontend-layout .new-about__title{margin:0;font-family:var(--font-title);font-weight:700;font-size:48px;letter-spacing:-.4px;line-height:60px;white-space:nowrap}.modern-frontend-layout .new-about__title-text{color:#9c6b49}.modern-frontend-layout .new-about__title-mark{color:#f0c20e}.modern-frontend-layout .new-about__title-icon{width:40px;height:40px}.modern-frontend-layout .new-about__description{max-width:748px;margin:0;font-family:var(--font-body);font-weight:600;color:#6b7280;font-size:20px;letter-spacing:0;line-height:36px;text-align:right}.modern-frontend-layout .new-about__categories{display:flex;align-items:center;justify-content:flex-start;gap:50px;width:100%}.modern-frontend-layout .new-about__category{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-radius:8.84px}.modern-frontend-layout .new-about__category-header{display:flex;align-items:center;gap:10px}.modern-frontend-layout .new-about__category-title{margin:0;font-family:var(--font-body);font-weight:600;color:#9c6b49;font-size:20px;line-height:32px;white-space:nowrap}.modern-frontend-layout .new-about__category-icon{width:20px;height:20px}.modern-frontend-layout .new-about__list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;list-style:none;margin:0;padding:0}.modern-frontend-layout .new-about__list-item{display:flex;align-items:center;gap:8px}.modern-frontend-layout .new-about__list-item span{font-family:var(--font-body);font-weight:400;color:#1f2937;font-size:16px;line-height:24px;white-space:nowrap}.modern-frontend-layout .new-about__list-item img{width:16px;height:16px}.modern-frontend-layout .new-about__divider{width:37px;height:75px}.modern-frontend-layout .new-about__image-section{position:relative;width:550px;min-height:553px;flex-shrink:0}.modern-frontend-layout .new-about__bg-pattern{position:absolute;top:27px;left:0;width:410px;height:526px}.modern-frontend-layout .new-about__decoration{position:absolute;top:-12px;left:371px;width:78px;height:78px}.modern-frontend-layout .new-about__quote-banner{position:absolute;top:-12px;left:-100px;width:371px;height:78px;background-color:#fff;border-radius:10px;border:1px solid #f0c20e;transform:rotate(4.01deg);display:flex;align-items:center;justify-content:center}.modern-frontend-layout .new-about__quote-text{width:315px;height:76px;object-fit:contain}.modern-frontend-layout .new-about__progress-card{position:absolute;top:448px;left:-69px;width:138px;height:70px;background-color:#fff;border-radius:10px;border:1px solid #9c6b49;display:flex;align-items:center;justify-content:center;padding:16px}.modern-frontend-layout .new-about__progress-content{display:flex;width:100%;align-items:center;justify-content:space-between}.modern-frontend-layout .new-about__progress-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}.modern-frontend-layout .new-about__progress-label{font-family:var(--font-body);font-weight:600;color:#9c6b49;font-size:10px;line-height:14px}.modern-frontend-layout .new-about__progress-value{font-family:var(--font-body);font-weight:500;color:#1f2937;font-size:16px;text-align:right}.modern-frontend-layout .new-about__progress-icon{width:20px;height:20px}.modern-frontend-layout .new-about__quran-icon{position:absolute;top:203px;left:-35px;width:70px;height:70px}@media (max-width: 1200px){.modern-frontend-layout .new-about{padding:40px}.modern-frontend-layout .new-about__container{gap:60px}.modern-frontend-layout .new-about__image-section{width:400px;min-height:480px}.modern-frontend-layout .new-about__bg-pattern{width:320px;height:420px;left:0;top:20px}.modern-frontend-layout .new-about__decoration{left:290px;top:-10px;width:60px;height:60px}.modern-frontend-layout .new-about__quote-banner{left:-80px;top:-10px;width:300px;height:65px}.modern-frontend-layout .new-about__quote-text{width:260px;height:60px}.modern-frontend-layout .new-about__progress-card{left:-50px;top:380px;width:120px;height:60px}.modern-frontend-layout .new-about__quran-icon{left:-25px;top:180px;width:55px;height:55px}}@media (max-width: 1024px){.modern-frontend-layout .new-about__container{flex-direction:column;gap:40px;align-items:center}.modern-frontend-layout .new-about__content{max-width:100%;order:2}.modern-frontend-layout .new-about__image-section{order:1;width:350px;min-height:420px}.modern-frontend-layout .new-about__bg-pattern{width:280px;height:360px;left:35px;top:20px}.modern-frontend-layout .new-about__decoration{left:285px;top:-8px;width:50px;height:50px}.modern-frontend-layout .new-about__quote-banner{left:-40px;top:-8px;width:260px;height:55px}.modern-frontend-layout .new-about__quote-text{width:220px;height:50px}.modern-frontend-layout .new-about__progress-card{left:-20px;top:330px;width:110px;height:55px;padding:12px}.modern-frontend-layout .new-about__progress-label{font-size:9px}.modern-frontend-layout .new-about__progress-value{font-size:14px}.modern-frontend-layout .new-about__quran-icon{left:0;top:160px;width:50px;height:50px}.modern-frontend-layout .new-about__title{font-size:36px;line-height:48px}.modern-frontend-layout .new-about__description{font-size:18px;line-height:32px}}@media (max-width: 768px){.modern-frontend-layout .new-about{padding:32px 20px}.modern-frontend-layout .new-about__container{gap:30px}.modern-frontend-layout .new-about__image-section{width:300px;min-height:360px}.modern-frontend-layout .new-about__bg-pattern{width:240px;height:300px;left:30px;top:20px}.modern-frontend-layout .new-about__decoration{left:245px;top:-5px;width:40px;height:40px}.modern-frontend-layout .new-about__quote-banner{left:-20px;top:-5px;width:220px;height:48px;transform:rotate(3deg)}.modern-frontend-layout .new-about__quote-text{width:180px;height:42px}.modern-frontend-layout .new-about__progress-card{left:0;top:280px;width:100px;height:50px;padding:10px}.modern-frontend-layout .new-about__quran-icon{left:5px;top:140px;width:45px;height:45px}.modern-frontend-layout .new-about__categories{flex-direction:column;gap:32px}.modern-frontend-layout .new-about__divider{display:none}.modern-frontend-layout .new-about__title{font-size:28px;line-height:40px}.modern-frontend-layout .new-about__title-icon{width:32px;height:32px}.modern-frontend-layout .new-about__header{gap:16px}}@media (max-width: 480px){.modern-frontend-layout .new-about{padding:24px 16px}.modern-frontend-layout .new-about__image-section{width:260px;min-height:320px}.modern-frontend-layout .new-about__bg-pattern{width:200px;height:260px;left:30px;top:20px}.modern-frontend-layout .new-about__decoration{left:205px;top:-5px;width:35px;height:35px}.modern-frontend-layout .new-about__quote-banner{left:-10px;top:-5px;width:180px;height:42px}.modern-frontend-layout .new-about__quote-text{width:150px;height:36px}.modern-frontend-layout .new-about__progress-card{left:5px;top:245px;width:90px;height:45px;padding:8px}.modern-frontend-layout .new-about__progress-icon{width:16px;height:16px}.modern-frontend-layout .new-about__quran-icon{left:10px;top:120px;width:40px;height:40px}.modern-frontend-layout .new-about__title{font-size:24px;line-height:36px}.modern-frontend-layout .new-about__title-icon{width:28px;height:28px}.modern-frontend-layout .new-about__description{font-size:16px;line-height:28px}.modern-frontend-layout .new-about__category-title{font-size:16px}.modern-frontend-layout .new-about__list-item span{font-size:14px;line-height:22px}}.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:var(--font-body)}.about-description{font-size:22px;font-weight:400;color:#3e3c3c;line-height:38px;margin-bottom:40px;font-family:var(--font-body);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:var(--font-body)}.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:var(--font-body)}.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:var(--font-body)}.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:var(--font-name)}.how-testimonial-desc{font-size:12px;font-weight:400;color:#3e3c3c;margin:0;font-family:var(--font-body);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:var(--font-body)}.how-progress-value{font-size:16px;font-weight:500;color:#000;font-family:var(--font-body);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:var(--font-body);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:var(--font-body)}.how-feature-description{font-size:18px;font-weight:400;color:#3e3c3c;line-height:26px;letter-spacing:-.04px;font-family:var(--font-body)}.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}.modern-frontend-layout .new-features{position:relative;width:100%;padding:79px 80px;background-color:#ae95841a;direction:rtl}.modern-frontend-layout .new-features__container{display:flex;flex-direction:column;align-items:flex-end;gap:64px;max-width:1280px;margin:0 auto}.modern-frontend-layout .new-features__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%}.modern-frontend-layout .new-features__title-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:24px}.modern-frontend-layout .new-features__title-icon{width:40px;height:40px}.modern-frontend-layout .new-features__title{margin:0;font-family:var(--font-title);font-weight:700;font-size:48px;letter-spacing:-.4px;line-height:60px;white-space:nowrap}.modern-frontend-layout .new-features__title-text{color:#9c6b49}.modern-frontend-layout .new-features__title-mark{color:#f0c20e}.modern-frontend-layout .new-features__description{font-family:var(--font-body);font-weight:400;color:#6b7280;font-size:20px;text-align:center;line-height:32px;margin:0}.modern-frontend-layout .new-features__grid{display:flex;flex-direction:column;width:100%;gap:32px}.modern-frontend-layout .new-features__row{display:flex;align-items:stretch;gap:18px;width:100%}.modern-frontend-layout .new-features__card-wrapper{position:relative;flex:1;padding-top:40px}.modern-frontend-layout .new-features__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:56px 32px 32px;background-color:#f9f4ee;border-radius:16px;backdrop-filter:blur(11.95px) brightness(100%);-webkit-backdrop-filter:blur(11.95px) brightness(100%);height:100%}.modern-frontend-layout .new-features__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:16px;background:linear-gradient(270deg,#8f5b36cc,#846046);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.modern-frontend-layout .new-features__card-content{display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:100%}.modern-frontend-layout .new-features__card-title-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%}.modern-frontend-layout .new-features__card-title{margin:0;font-family:var(--font-body);font-weight:700;color:#1f2937;font-size:24px;line-height:34px;text-align:right}.modern-frontend-layout .new-features__card-icon{width:24px;height:24px;flex-shrink:0}.modern-frontend-layout .new-features__card-description{margin:0;font-family:var(--font-body);font-weight:400;color:#1f2937;font-size:18px;line-height:28px;text-align:right}.modern-frontend-layout .new-features__card-main-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;z-index:2}@media (max-width: 1200px){.modern-frontend-layout .new-features{padding:60px 40px}.modern-frontend-layout .new-features__container{gap:48px}.modern-frontend-layout .new-features__title{font-size:40px;line-height:52px}.modern-frontend-layout .new-features__row{gap:16px}.modern-frontend-layout .new-features__card{padding:56px 24px 24px}}@media (max-width: 1024px){.modern-frontend-layout .new-features__row{flex-wrap:wrap;justify-content:center}.modern-frontend-layout .new-features__card-wrapper{flex:0 0 calc(50% - 8px);min-width:300px}.modern-frontend-layout .new-features__title{font-size:36px;line-height:48px}.modern-frontend-layout .new-features__description{font-size:18px;line-height:28px}.modern-frontend-layout .new-features__card-title{font-size:22px;line-height:32px}.modern-frontend-layout .new-features__card-description{font-size:16px;line-height:26px}}@media (max-width: 768px){.modern-frontend-layout .new-features{padding:40px 20px}.modern-frontend-layout .new-features__container{gap:32px}.modern-frontend-layout .new-features__header{gap:24px}.modern-frontend-layout .new-features__title-wrapper{gap:16px}.modern-frontend-layout .new-features__title{font-size:28px;line-height:40px;white-space:normal;text-align:center}.modern-frontend-layout .new-features__title-icon{width:32px;height:32px}.modern-frontend-layout .new-features__description{font-size:16px;line-height:26px}.modern-frontend-layout .new-features__card-wrapper{flex:0 0 100%;min-width:unset}.modern-frontend-layout .new-features__grid,.modern-frontend-layout .new-features__row{gap:24px}.modern-frontend-layout .new-features__card-title{font-size:20px;line-height:30px}.modern-frontend-layout .new-features__card-description{font-size:16px;line-height:26px}.modern-frontend-layout .new-features__card-main-icon{width:72px;height:72px}}@media (max-width: 480px){.modern-frontend-layout .new-features{padding:32px 16px}.modern-frontend-layout .new-features__title{font-size:24px;line-height:36px}.modern-frontend-layout .new-features__title-icon{width:28px;height:28px}.modern-frontend-layout .new-features__description{font-size:14px;line-height:24px}.modern-frontend-layout .new-features__card-wrapper{padding-top:32px}.modern-frontend-layout .new-features__card{padding:48px 20px 20px}.modern-frontend-layout .new-features__card-main-icon{width:64px;height:64px}.modern-frontend-layout .new-features__card-title{font-size:18px;line-height:28px}.modern-frontend-layout .new-features__card-description{font-size:15px;line-height:24px}}.modern-frontend-layout .new-how-it-works{padding:80px;background-color:#fff}.modern-frontend-layout .new-how__container{display:flex;max-width:1280px;margin:0 auto;align-items:flex-start;justify-content:space-between;gap:40px}.modern-frontend-layout .new-how__image-section{position:relative;width:643px;min-height:861px;flex-shrink:0}.modern-frontend-layout .new-how__main-image{position:absolute;top:0;left:51px;width:523px;height:816px;object-fit:cover;border-radius:16px}.modern-frontend-layout .new-how__testimonial-card{position:absolute;top:65px;left:-38px;width:304px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;padding:12px 24px;background-color:#fff;border-radius:10px;border:1px solid #f0c20e;box-shadow:0 4px 9px #0000000d}.modern-frontend-layout .new-how__testimonial-content{display:flex;align-items:center;gap:16px}.modern-frontend-layout .new-how__testimonial-text{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.modern-frontend-layout .new-how__testimonial-name{margin:0;font-family:var(--font-name);font-weight:700;color:#1f2937;font-size:16px;line-height:normal;text-align:right}.modern-frontend-layout .new-how__testimonial-desc{margin:0;font-family:var(--font-body);font-weight:400;color:#6b7280;font-size:12px;line-height:normal;text-align:right}.modern-frontend-layout .new-how__testimonial-avatar{width:58px;height:58px;flex-shrink:0}.modern-frontend-layout .new-how__progress-card{position:absolute;top:121px;left:505px;width:138px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background-color:#fff;border-radius:10px;border:1px solid #f0c20e}.modern-frontend-layout .new-how__progress-content{display:flex;align-items:center;justify-content:space-between;width:100%}.modern-frontend-layout .new-how__progress-text{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.modern-frontend-layout .new-how__progress-label{font-family:var(--font-body);font-weight:400;color:#9c6b49;font-size:10px;line-height:normal;text-align:right}.modern-frontend-layout .new-how__progress-value{font-family:var(--font-body);font-weight:500;color:#1f2937;font-size:16px;line-height:normal;text-align:right}.modern-frontend-layout .new-how__progress-chart{width:20px;height:20px}.modern-frontend-layout .new-how__highlight-card{position:absolute;top:622px;left:-26px;width:302px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background-color:#fff;border-radius:10px;border:1px solid #f0c20e;box-shadow:0 4px 9px #0000000d}.modern-frontend-layout .new-how__highlight-content{display:flex;align-items:center;justify-content:space-between;width:100%}.modern-frontend-layout .new-how__highlight-text{font-family:var(--font-body);font-weight:700;color:#1f2937;font-size:18px;letter-spacing:-.54px;line-height:normal;white-space:nowrap;text-align:right}.modern-frontend-layout .new-how__highlight-icon{width:32px;height:32px}.modern-frontend-layout .new-how__decoration-1{position:absolute;top:290px;left:18px;width:70px;height:70px}.modern-frontend-layout .new-how__decoration-2{position:absolute;top:495px;left:539px;width:78px;height:78px}.modern-frontend-layout .new-how__content-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1;min-height:861px}.modern-frontend-layout .new-how__title-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:24px}.modern-frontend-layout .new-how__title{margin:0;font-family:var(--font-title);font-weight:700;font-size:48px;letter-spacing:-.4px;line-height:60px;white-space:nowrap}.modern-frontend-layout .new-how__title-text{color:#9c6b49}.modern-frontend-layout .new-how__title-mark{color:#f0c20e}.modern-frontend-layout .new-how__title-icon{width:40px;height:40px}.modern-frontend-layout .new-how__features{display:flex;flex-direction:column;align-items:flex-start;gap:41px}.modern-frontend-layout .new-how__feature-item{display:flex;width:100%;align-items:flex-start;justify-content:flex-end;gap:32px}.modern-frontend-layout .new-how__feature-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;flex:1}.modern-frontend-layout .new-how__feature-title{margin:0;font-family:var(--font-body);font-weight:700;color:#9c6b49;font-size:32px;line-height:normal;white-space:nowrap;text-align:right}.modern-frontend-layout .new-how__feature-description{margin:0;font-family:var(--font-body);font-weight:400;color:#6b7280;font-size:18px;line-height:34px;text-align:right}.modern-frontend-layout .new-how__feature-icon{width:80px;height:80px;flex-shrink:0}@media (max-width: 1200px){.modern-frontend-layout .new-how-it-works{padding:60px 40px}.modern-frontend-layout .new-how__image-section{width:500px;min-height:700px}.modern-frontend-layout .new-how__main-image{left:30px;width:420px;height:660px}.modern-frontend-layout .new-how__testimonial-card{left:-20px}.modern-frontend-layout .new-how__progress-card{left:400px}.modern-frontend-layout .new-how__highlight-card{top:520px}.modern-frontend-layout .new-how__decoration-2{left:430px;top:400px}.modern-frontend-layout .new-how__title{font-size:40px;line-height:52px}.modern-frontend-layout .new-how__feature-title{font-size:26px}.modern-frontend-layout .new-how__features{gap:32px}.modern-frontend-layout .new-how__content-section{min-height:700px}}@media (max-width: 1024px){.modern-frontend-layout .new-how__container{flex-direction:column-reverse;align-items:center}.modern-frontend-layout .new-how__image-section{width:100%;max-width:550px;min-height:750px}.modern-frontend-layout .new-how__main-image{left:50%;transform:translate(-50%);width:80%;max-width:450px;height:auto;aspect-ratio:523/816}.modern-frontend-layout .new-how__testimonial-card{left:5%}.modern-frontend-layout .new-how__progress-card{left:auto;right:5%}.modern-frontend-layout .new-how__highlight-card{left:5%;top:auto;bottom:50px}.modern-frontend-layout .new-how__decoration-1{left:10%}.modern-frontend-layout .new-how__decoration-2{left:auto;right:5%;top:350px}.modern-frontend-layout .new-how__content-section{min-height:auto;gap:40px;width:100%}.modern-frontend-layout .new-how__title{font-size:36px;line-height:48px}.modern-frontend-layout .new-how__feature-title{font-size:24px;white-space:normal}.modern-frontend-layout .new-how__feature-icon{width:60px;height:60px}}@media (max-width: 768px){.modern-frontend-layout .new-how-it-works{padding:40px 20px}.modern-frontend-layout .new-how__image-section{min-height:600px}.modern-frontend-layout .new-how__main-image{width:70%;max-width:350px}.modern-frontend-layout .new-how__testimonial-card{width:260px;padding:10px 16px}.modern-frontend-layout .new-how__testimonial-avatar{width:48px;height:48px}.modern-frontend-layout .new-how__progress-card{width:120px;height:60px;padding:12px}.modern-frontend-layout .new-how__highlight-card{width:260px;padding:16px}.modern-frontend-layout .new-how__highlight-text{font-size:16px}.modern-frontend-layout .new-how__title-wrapper{gap:16px}.modern-frontend-layout .new-how__title{font-size:28px;line-height:40px;white-space:normal;text-align:center}.modern-frontend-layout .new-how__title-icon{width:32px;height:32px}.modern-frontend-layout .new-how__feature-item{gap:20px}.modern-frontend-layout .new-how__feature-title{font-size:20px}.modern-frontend-layout .new-how__feature-description{font-size:16px;line-height:28px}.modern-frontend-layout .new-how__feature-icon{width:50px;height:50px}.modern-frontend-layout .new-how__features{gap:24px}}@media (max-width: 480px){.modern-frontend-layout .new-how-it-works{padding:32px 16px}.modern-frontend-layout .new-how__image-section{min-height:500px}.modern-frontend-layout .new-how__main-image{width:65%;max-width:280px}.modern-frontend-layout .new-how__testimonial-card{width:220px;top:40px}.modern-frontend-layout .new-how__testimonial-name{font-size:14px}.modern-frontend-layout .new-how__testimonial-desc{font-size:11px}.modern-frontend-layout .new-how__progress-card{top:80px;width:100px;height:55px}.modern-frontend-layout .new-how__highlight-card{width:220px;bottom:30px}.modern-frontend-layout .new-how__decoration-1,.modern-frontend-layout .new-how__decoration-2{width:50px;height:50px}.modern-frontend-layout .new-how__title{font-size:24px;line-height:36px}.modern-frontend-layout .new-how__title-icon{width:28px;height:28px}.modern-frontend-layout .new-how__feature-item{gap:16px}.modern-frontend-layout .new-how__feature-title{font-size:18px}.modern-frontend-layout .new-how__feature-description{font-size:15px;line-height:26px}.modern-frontend-layout .new-how__feature-icon{width:40px;height:40px}.modern-frontend-layout .new-how__features{gap:20px}}.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:var(--font-body);letter-spacing:-.16px}.user-guide-subtitle{font-size:24px;font-weight:400;color:#3e3c3c;margin:0;line-height:40px;font-family:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);letter-spacing:-.16px}.testimonials-subtitle{font-size:24px;font-weight:400;color:#3e3c3c;margin:0;line-height:40px;font-family:var(--font-body);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:var(--font-body);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:var(--font-name);letter-spacing:-.08px}.testimonial-role{font-size:16px;font-weight:400;color:#666;font-family:var(--font-body)}.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:var(--font-body);letter-spacing:-.16px;line-height:1.2}.faq-subtitle{font-size:22px;font-weight:400;color:#3e3c3c;margin:0;font-family:var(--font-body);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:var(--font-body);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:var(--font-body);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:#9c6b49;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:var(--font-body);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:#daa520;color:#fff;font-size:20px;font-weight:500;font-family:var(--font-body);border-radius:8px;text-decoration:none;border:none;transition:all .3s ease}.cta-banner-btn:hover{background:#c49619;transform:translateY(-2px);box-shadow:0 8px 24px #daa5204d}.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:var(--font-body);font-weight:700;line-height:40px;color:#000}.htu-subtitle{font-size:35px;font-family:var(--font-body);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:var(--font-body);font-weight:700;line-height:40px;color:#000}.htu-step-desc{width:100%;text-align:center;font-size:24px;font-family:var(--font-body);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:var(--font-body);font-weight:700;line-height:1.3;color:#000;margin-bottom:24px}.frontend-page .page-subtitle{font-size:35px;font-family:var(--font-body);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:var(--font-body);font-weight:700;color:#9c6b49;margin-bottom:16px}.frontend-page .section-text{font-size:18px;font-family:var(--font-body);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:var(--font-body);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:var(--font-body)}.workflow-step .step-content{flex:1}.workflow-step .step-title{font-size:20px;font-family:var(--font-body);font-weight:700;color:#000;margin-bottom:8px}.workflow-step .step-desc{font-size:16px;font-family:var(--font-body);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:var(--font-body);font-weight:700;color:#000;margin-bottom:8px}.points-category .category-desc{font-size:14px;font-family:var(--font-body);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:var(--font-body)}.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:var(--font-body);font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.responsibility-desc-v2{font-size:24px;font-family:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);font-weight:700;color:#1a1510;margin:0}.policy-desc{font-size:16px;font-family:var(--font-body);color:#6b5a4a;margin-bottom:20px}.policy-list{list-style:none;padding:0;margin:0}.policy-list li{font-size:16px;font-family:var(--font-body);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:var(--font-body);font-weight:700;color:#9c6b49;margin:0 0 20px;text-align:right;line-height:1.8}.workflow-section-desc{font-size:24px;font-family:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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:var(--font-body);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}}.modern-frontend-layout .new-user-guide{width:100%;padding:80px 0;background-color:#ae95841a}.modern-frontend-layout .new-user-guide__container{max-width:1281px;margin:0 auto;padding:0 80px;display:flex;flex-direction:column;align-items:flex-start;gap:57px}.modern-frontend-layout .new-user-guide__header{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.modern-frontend-layout .new-user-guide__title-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:24px}.modern-frontend-layout .new-user-guide__title{margin:0;font-family:var(--font-title);font-weight:700;color:#9c6b49;font-size:48px;letter-spacing:-.4px;line-height:60px;white-space:nowrap;direction:rtl}.modern-frontend-layout .new-user-guide__title-icon{width:40px;height:40px}.modern-frontend-layout .new-user-guide__subtitle{margin:0;width:100%;color:#3e3c3c;font-family:var(--font-body);font-weight:400;font-size:35px;letter-spacing:-.16px;line-height:40px;direction:rtl;text-align:right}.modern-frontend-layout .new-user-guide__content{display:flex;width:100%;align-items:center;justify-content:flex-end}.modern-frontend-layout .new-user-guide__accordion{display:flex;flex-direction:column;width:837px;align-items:flex-start;gap:24px}.modern-frontend-layout .new-user-guide__item{display:flex;flex-direction:column;min-height:120px;padding:16px 24px;width:100%;background-color:#ae95841a;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.modern-frontend-layout .new-user-guide__item:not(.new-user-guide__item--active){justify-content:center}.modern-frontend-layout .new-user-guide__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.modern-frontend-layout .new-user-guide__item--active{background-color:#9c6b49}.modern-frontend-layout .new-user-guide__item--active .new-user-guide__item-text{color:#fff}.modern-frontend-layout .new-user-guide__arrow{width:48px;height:48px;flex-shrink:0}.modern-frontend-layout .new-user-guide__item-content{display:inline-flex;align-items:center;gap:16px}.modern-frontend-layout .new-user-guide__item-text{font-family:var(--font-body);font-weight:400;color:#000;font-size:35px;letter-spacing:-.16px;line-height:40px;white-space:nowrap;direction:rtl}.modern-frontend-layout .new-user-guide__item-icon{width:60px;height:60px;flex-shrink:0}.modern-frontend-layout .new-user-guide__item-body{display:none;padding:16px 24px 0;width:100%}.modern-frontend-layout .new-user-guide__item--active .new-user-guide__item-body{display:block}.modern-frontend-layout .new-user-guide__item-body p{margin:0;font-family:var(--font-body);font-weight:400;color:#fff;font-size:18px;line-height:32px;direction:rtl;text-align:right}.modern-frontend-layout .new-user-guide__item--active{padding-bottom:24px}.modern-frontend-layout .new-user-guide__image-section{flex-shrink:0;margin-right:-34px}.modern-frontend-layout .new-user-guide__phone-image{width:512px;height:auto}@media (max-width: 1400px){.modern-frontend-layout .new-user-guide__container{padding:0 40px}.modern-frontend-layout .new-user-guide__accordion{width:700px}.modern-frontend-layout .new-user-guide__phone-image{width:450px}}@media (max-width: 1200px){.modern-frontend-layout .new-user-guide__title{font-size:40px;line-height:50px}.modern-frontend-layout .new-user-guide__subtitle{font-size:28px;line-height:36px}.modern-frontend-layout .new-user-guide__accordion{width:600px}.modern-frontend-layout .new-user-guide__item-text{font-size:28px;line-height:36px}.modern-frontend-layout .new-user-guide__phone-image{width:400px}}@media (max-width: 1024px){.modern-frontend-layout .new-user-guide{padding:60px 0}.modern-frontend-layout .new-user-guide__container{padding:0 24px;gap:40px}.modern-frontend-layout .new-user-guide__content{flex-direction:column;gap:40px}.modern-frontend-layout .new-user-guide__accordion{width:100%}.modern-frontend-layout .new-user-guide__image-section{margin-right:0}.modern-frontend-layout .new-user-guide__phone-image{width:350px}.modern-frontend-layout .new-user-guide__title{font-size:36px;line-height:46px}.modern-frontend-layout .new-user-guide__subtitle{font-size:24px;line-height:32px}.modern-frontend-layout .new-user-guide__item{height:100px}.modern-frontend-layout .new-user-guide__item-text{font-size:24px;line-height:32px}.modern-frontend-layout .new-user-guide__item-icon{width:48px;height:48px}.modern-frontend-layout .new-user-guide__arrow{width:40px;height:40px}}@media (max-width: 768px){.modern-frontend-layout .new-user-guide{padding:48px 0}.modern-frontend-layout .new-user-guide__container{padding:0 16px;gap:32px}.modern-frontend-layout .new-user-guide__header{gap:20px}.modern-frontend-layout .new-user-guide__title-wrapper{gap:16px}.modern-frontend-layout .new-user-guide__title{font-size:28px;line-height:36px;white-space:normal}.modern-frontend-layout .new-user-guide__title-icon{width:32px;height:32px}.modern-frontend-layout .new-user-guide__subtitle{font-size:18px;line-height:28px}.modern-frontend-layout .new-user-guide__content{gap:32px}.modern-frontend-layout .new-user-guide__phone-image{width:280px}.modern-frontend-layout .new-user-guide__accordion{gap:16px}.modern-frontend-layout .new-user-guide__item{height:auto;min-height:80px;padding:16px}.modern-frontend-layout .new-user-guide__item-text{font-size:18px;line-height:26px;white-space:normal}.modern-frontend-layout .new-user-guide__item-icon{width:40px;height:40px}.modern-frontend-layout .new-user-guide__arrow{width:32px;height:32px}.modern-frontend-layout .new-user-guide__item-body p{font-size:16px;line-height:28px}}@media (max-width: 480px){.modern-frontend-layout .new-user-guide{padding:40px 0}.modern-frontend-layout .new-user-guide__title{font-size:24px;line-height:32px}.modern-frontend-layout .new-user-guide__subtitle{font-size:16px;line-height:26px}.modern-frontend-layout .new-user-guide__phone-image{width:240px}.modern-frontend-layout .new-user-guide__item{padding:12px;min-height:70px}.modern-frontend-layout .new-user-guide__item-text{font-size:16px;line-height:24px}.modern-frontend-layout .new-user-guide__item-icon{width:36px;height:36px}.modern-frontend-layout .new-user-guide__arrow{width:28px;height:28px}.modern-frontend-layout .new-user-guide__item-body p{font-size:14px;line-height:24px}.modern-frontend-layout .new-user-guide__item-content{gap:12px}}.modern-frontend-layout .testimonials{background-color:#ae95841a;padding:80px 40px;direction:rtl}.modern-frontend-layout .testimonials__container{max-width:1355px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:80px}.modern-frontend-layout .testimonials__header{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%;max-width:1281px}.modern-frontend-layout .testimonials__title-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:24px}.modern-frontend-layout .testimonials__title{font-family:var(--font-title);font-weight:700;color:#9c6b49;font-size:48px;letter-spacing:-.4px;line-height:60px;white-space:nowrap}.modern-frontend-layout .testimonials__title-icon{width:40px;height:40px}.modern-frontend-layout .testimonials__subtitle{font-family:var(--font-body);font-weight:400;color:#6b7280;font-size:20px;line-height:32px;text-align:right}.modern-frontend-layout .testimonials__content{position:relative;width:100%;overflow:hidden}.modern-frontend-layout .testimonials__cards{display:flex;align-items:center;gap:20px;justify-content:flex-start;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:10px 40px;max-width:100%}.modern-frontend-layout .testimonials__cards::-webkit-scrollbar{display:none}.modern-frontend-layout .testimonials__card{position:relative;display:flex;flex-direction:column;width:415px;min-height:376px;align-items:flex-start;gap:53px;padding:32px 29px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000000d;flex-shrink:0}.modern-frontend-layout .testimonials__quote-icon{width:100%;max-width:357px}.modern-frontend-layout .testimonials__card-body{display:flex;flex-direction:column;align-items:flex-start;gap:55px;width:100%}.modern-frontend-layout .testimonials__text{font-family:var(--font-body);font-weight:400;color:#1f2937;font-size:18px;line-height:32px;text-align:right;min-height:98px}.modern-frontend-layout .testimonials__author{display:flex;align-items:center;justify-content:flex-start;gap:13px;width:100%}.modern-frontend-layout .testimonials__author-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.modern-frontend-layout .testimonials__author-name{font-family:var(--font-name);font-weight:600;color:#1f2937;font-size:18px;line-height:28px}.modern-frontend-layout .testimonials__author-role{font-family:var(--font-body);font-weight:400;color:#1f2937;font-size:14px;line-height:22px}.modern-frontend-layout .testimonials__avatar{width:58px;height:58px;border-radius:50%}.modern-frontend-layout .testimonials__decoration{position:absolute;bottom:0;left:18px;width:53px;height:108px}.modern-frontend-layout .testimonials__nav{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 5px;pointer-events:none}.modern-frontend-layout .testimonials__nav-btn{display:flex;width:45px;height:45px;align-items:center;justify-content:center;padding:10px;background-color:#9c6b49;border-radius:50%;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;pointer-events:auto}.modern-frontend-layout .testimonials__nav-btn:hover{background-color:#8a5d3b;transform:scale(1.05)}.modern-frontend-layout .testimonials__nav-btn img{width:12px;height:24px}@media (max-width: 1300px){.modern-frontend-layout .testimonials__nav{position:static;transform:none;justify-content:center;gap:20px;margin-top:40px}}@media (max-width: 1024px){.modern-frontend-layout .testimonials{padding:60px 30px}.modern-frontend-layout .testimonials__container{gap:60px}.modern-frontend-layout .testimonials__title{font-size:40px;line-height:52px}.modern-frontend-layout .testimonials__subtitle{font-size:18px;line-height:28px}.modern-frontend-layout .testimonials__card{width:350px;min-height:auto;padding:24px;gap:40px}.modern-frontend-layout .testimonials__text{font-size:16px;line-height:28px;min-height:auto}.modern-frontend-layout .testimonials__card-body{gap:40px}}@media (max-width: 768px){.modern-frontend-layout .testimonials{padding:48px 20px}.modern-frontend-layout .testimonials__container{gap:40px}.modern-frontend-layout .testimonials__header{gap:24px}.modern-frontend-layout .testimonials__title{font-size:32px;line-height:44px}.modern-frontend-layout .testimonials__title-wrapper{gap:16px}.modern-frontend-layout .testimonials__title-icon{width:32px;height:32px}.modern-frontend-layout .testimonials__subtitle{font-size:16px;line-height:26px}.modern-frontend-layout .testimonials__card{width:280px;min-width:280px}.modern-frontend-layout .testimonials__nav-btn{width:40px;height:40px}.modern-frontend-layout .testimonials__nav-btn img{width:10px;height:20px}}@media (max-width: 480px){.modern-frontend-layout .testimonials{padding:32px 16px}.modern-frontend-layout .testimonials__title{font-size:28px;line-height:38px}.modern-frontend-layout .testimonials__subtitle{font-size:14px;line-height:24px}.modern-frontend-layout .testimonials__card{width:260px;min-width:260px;padding:20px;gap:30px}.modern-frontend-layout .testimonials__text{font-size:14px;line-height:24px}.modern-frontend-layout .testimonials__author-name{font-size:16px}.modern-frontend-layout .testimonials__author-role{font-size:12px}.modern-frontend-layout .testimonials__avatar{width:48px;height:48px}.modern-frontend-layout .testimonials__decoration{display:none}}.modern-frontend-layout .daily-workflow{display:flex;flex-direction:column;width:100%;background-color:#fff;direction:rtl}.modern-frontend-layout .daily-workflow__header{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:80px 80px 0;width:100%}.modern-frontend-layout .daily-workflow__title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:32px}.modern-frontend-layout .daily-workflow__title{font-family:var(--font-title);font-weight:700;font-size:48px;line-height:72px;color:#9c6b49;white-space:nowrap}.modern-frontend-layout .daily-workflow__title-icon{width:40px;height:40px}.modern-frontend-layout .daily-workflow__subtitle{font-family:var(--font-body);font-weight:400;font-size:24px;line-height:40px;color:#666;text-align:right}.modern-frontend-layout .daily-workflow__tasks{padding:48px 74px;width:100%}.modern-frontend-layout .daily-workflow__tasks-grid{display:flex;align-items:flex-start;gap:24px;width:100%}.modern-frontend-layout .daily-workflow__section{display:flex;flex-direction:column;align-items:flex-start;gap:27px;flex:1}.modern-frontend-layout .daily-workflow__section-header{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.modern-frontend-layout .daily-workflow__section-title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:24px}.modern-frontend-layout .daily-workflow__section-title{font-family:var(--font-title);font-weight:700;font-size:28px;line-height:44px;color:#9c6b49;white-space:nowrap}.modern-frontend-layout .daily-workflow__section-icon{width:40px;height:40px}.modern-frontend-layout .daily-workflow__section-desc{font-family:var(--font-body);font-weight:400;font-size:18px;line-height:32px;color:#000;text-align:right}.modern-frontend-layout .daily-workflow__cards{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.modern-frontend-layout .daily-workflow__card{display:flex;flex-direction:column;height:74px;align-items:flex-start;justify-content:center;gap:10px;padding:16px 24px;width:100%;background-color:#f9f8f6;border-radius:22px;border:2px solid rgba(156,107,73,.2)}.modern-frontend-layout .daily-workflow__card-content{display:flex;align-items:center;justify-content:flex-start;gap:18px}.modern-frontend-layout .daily-workflow__card-text{font-family:var(--font-body);font-weight:600;font-size:20px;line-height:36px;color:#333;white-space:nowrap}.modern-frontend-layout .daily-workflow__card-icon{width:32px;height:32px}.modern-frontend-layout .daily-workflow__grades{display:flex;flex-direction:column;width:100%;align-items:center;gap:8px;padding:48px 74px;background-color:#ae95841a}.modern-frontend-layout .daily-workflow__grades-container{display:flex;flex-direction:column;width:100%;max-width:1307px;align-items:flex-start;justify-content:center;gap:32px}.modern-frontend-layout .daily-workflow__grades-header{display:flex;align-items:center;justify-content:flex-start;gap:32px;width:100%}.modern-frontend-layout .daily-workflow__grades-title{font-family:var(--font-body);font-weight:700;font-size:40px;line-height:72px;color:#9c6b49;white-space:nowrap}.modern-frontend-layout .daily-workflow__grades-icon{width:40px;height:40px}.modern-frontend-layout .daily-workflow__table{display:flex;flex-direction:column;width:100%;gap:11px}.modern-frontend-layout .daily-workflow__table-row{display:flex;align-items:center;gap:11px;width:100%}.modern-frontend-layout .daily-workflow__table-cell{display:flex;height:94px;align-items:center;justify-content:center;gap:16px;padding:16px;flex:1;background-color:#fff;border-radius:16px;font-family:var(--font-body);font-weight:600;font-size:20px;line-height:36px;color:#000;text-align:center}.modern-frontend-layout .daily-workflow__table-row--header .daily-workflow__table-cell{background-color:#885818;color:#fff}@media (max-width: 1024px){.modern-frontend-layout .daily-workflow__header{padding:60px 40px 0}.modern-frontend-layout .daily-workflow__title{font-size:36px;line-height:52px}.modern-frontend-layout .daily-workflow__subtitle{font-size:20px;line-height:32px}.modern-frontend-layout .daily-workflow__tasks{padding:40px}.modern-frontend-layout .daily-workflow__tasks-grid{flex-direction:column}.modern-frontend-layout .daily-workflow__section-title{font-size:24px;line-height:36px}.modern-frontend-layout .daily-workflow__grades{padding:40px}.modern-frontend-layout .daily-workflow__grades-title{font-size:32px;line-height:52px}.modern-frontend-layout .daily-workflow__table-cell{font-size:16px;height:70px;padding:12px}}@media (max-width: 768px){.modern-frontend-layout .daily-workflow__header{padding:48px 20px 0;gap:16px}.modern-frontend-layout .daily-workflow__title-wrapper{gap:16px}.modern-frontend-layout .daily-workflow__title{font-size:28px;line-height:40px;white-space:normal}.modern-frontend-layout .daily-workflow__title-icon{width:32px;height:32px}.modern-frontend-layout .daily-workflow__subtitle{font-size:16px;line-height:28px}.modern-frontend-layout .daily-workflow__tasks{padding:32px 20px}.modern-frontend-layout .daily-workflow__section-title-wrapper{gap:16px}.modern-frontend-layout .daily-workflow__section-title{font-size:20px;line-height:32px;white-space:normal}.modern-frontend-layout .daily-workflow__section-icon{width:32px;height:32px}.modern-frontend-layout .daily-workflow__section-desc{font-size:14px;line-height:26px}.modern-frontend-layout .daily-workflow__cards{gap:16px}.modern-frontend-layout .daily-workflow__card{height:auto;padding:12px 16px;border-radius:16px}.modern-frontend-layout .daily-workflow__card-text{font-size:16px;line-height:28px}.modern-frontend-layout .daily-workflow__card-icon{width:24px;height:24px}.modern-frontend-layout .daily-workflow__grades{padding:32px 20px}.modern-frontend-layout .daily-workflow__grades-header{gap:16px}.modern-frontend-layout .daily-workflow__grades-title{font-size:24px;line-height:40px;white-space:normal}.modern-frontend-layout .daily-workflow__grades-icon{width:32px;height:32px}.modern-frontend-layout .daily-workflow__table,.modern-frontend-layout .daily-workflow__table-row{gap:8px}.modern-frontend-layout .daily-workflow__table-cell{font-size:14px;height:60px;padding:8px;border-radius:12px}}@media (max-width: 480px){.modern-frontend-layout .daily-workflow__header{padding:32px 16px 0}.modern-frontend-layout .daily-workflow__title{font-size:22px;line-height:32px}.modern-frontend-layout .daily-workflow__title-icon{width:28px;height:28px}.modern-frontend-layout .daily-workflow__subtitle{font-size:14px;line-height:24px}.modern-frontend-layout .daily-workflow__tasks{padding:24px 16px}.modern-frontend-layout .daily-workflow__section-title{font-size:18px;line-height:28px}.modern-frontend-layout .daily-workflow__section-icon{width:28px;height:28px}.modern-frontend-layout .daily-workflow__section-desc{font-size:13px;line-height:24px}.modern-frontend-layout .daily-workflow__card-text{font-size:14px;line-height:24px}.modern-frontend-layout .daily-workflow__card-icon{width:20px;height:20px}.modern-frontend-layout .daily-workflow__grades{padding:24px 16px}.modern-frontend-layout .daily-workflow__grades-title{font-size:20px;line-height:32px}.modern-frontend-layout .daily-workflow__grades-icon{width:28px;height:28px}.modern-frontend-layout .daily-workflow__table-cell{font-size:12px;height:50px;padding:6px;border-radius:8px}}.modern-frontend-layout .points-system{display:flex;flex-direction:column;width:100%;align-items:flex-start;direction:rtl}.modern-frontend-layout .points-system__header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:24px;padding:48px 80px}.modern-frontend-layout .points-system__title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:32px;width:100%}.modern-frontend-layout .points-system__title{font-family:var(--font-title);font-weight:700;color:#000;font-size:40px;line-height:56px;direction:rtl}.modern-frontend-layout .points-system__subtitle{font-family:var(--font-body);font-weight:400;color:#666;font-size:24px;line-height:38px;direction:rtl;margin:0}.modern-frontend-layout .points-system__motivation{width:100%;padding:80px}.modern-frontend-layout .points-system__motivation-container{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:80px}.modern-frontend-layout .points-system__motivation-header{display:flex;align-items:center;justify-content:flex-start;gap:32px;width:100%}.modern-frontend-layout .points-system__motivation-title{font-family:var(--font-title);font-weight:700;color:#000;font-size:48px;letter-spacing:-.16px;line-height:56px;direction:rtl}.modern-frontend-layout .points-system__motivation-content{display:flex;align-items:flex-start;gap:24px;width:100%}.modern-frontend-layout .points-system__motivation-image{width:509px;height:auto;object-fit:contain;flex-shrink:0}.modern-frontend-layout .points-system__cards-grid{display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:48px}.modern-frontend-layout .points-system__cards-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:16px;width:100%}.modern-frontend-layout .points-system__card{display:flex;flex-direction:column;width:480px;height:218px;align-items:flex-start;justify-content:center;gap:16px;padding:24px;background-color:#fff;border-radius:16px;border:1px solid #8e5b36;-webkit-backdrop-filter:blur(11.95px);backdrop-filter:blur(11.95px)}.modern-frontend-layout .points-system__card-icon{width:56px;height:56px;flex-shrink:0}.modern-frontend-layout .points-system__card-title{font-family:var(--font-body);font-weight:700;color:#000;font-size:20px;line-height:28px;direction:rtl}.modern-frontend-layout .points-system__card-desc{font-family:var(--font-body);font-weight:400;color:#666;font-size:18px;line-height:30px;direction:rtl;margin:0}.modern-frontend-layout .points-system__usage{width:100%;padding:80px;background-color:#ae95841a}.modern-frontend-layout .points-system__usage-container{display:flex;align-items:flex-start;gap:115px;width:100%}.modern-frontend-layout .points-system__mockups{position:relative;width:529px;height:547px;flex-shrink:0}.modern-frontend-layout .points-system__mockup{position:absolute}.modern-frontend-layout .points-system__mockup--left{width:268px;height:540px;top:0;left:0}.modern-frontend-layout .points-system__mockup--center{width:268px;height:540px;top:0;left:143px;z-index:2}.modern-frontend-layout .points-system__mockup--right{width:268px;height:540px;top:0;right:0}.modern-frontend-layout .points-system__mockup-screen{width:100%;height:100%;object-fit:contain;border-radius:32px;box-shadow:0 10px 30px #0000001a}.modern-frontend-layout .points-system__usage-content{display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:48px}.modern-frontend-layout .points-system__usage-title{font-family:var(--font-body);font-weight:700;color:#000;font-size:48px;line-height:56px;direction:rtl}.modern-frontend-layout .points-system__usage-cards{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:41px;width:100%}.modern-frontend-layout .points-system__usage-card{display:flex;align-items:center;justify-content:flex-start;gap:32px;width:100%}.modern-frontend-layout .points-system__usage-card-icon{width:56px;height:56px;flex-shrink:0}.modern-frontend-layout .points-system__usage-card-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;flex:1}.modern-frontend-layout .points-system__usage-card-title{font-family:var(--font-body);font-weight:700;color:#000;font-size:32px;line-height:40px;direction:rtl}.modern-frontend-layout .points-system__usage-card-desc{font-family:var(--font-body);font-weight:400;color:#666;font-size:18px;line-height:34px;direction:rtl;margin:0}@media (max-width: 1400px){.modern-frontend-layout .points-system__motivation-content{flex-direction:column-reverse;align-items:center}.modern-frontend-layout .points-system__motivation-image{width:100%;max-width:509px}.modern-frontend-layout .points-system__cards-grid{width:100%}.modern-frontend-layout .points-system__card{flex:1;width:auto;min-width:0}.modern-frontend-layout .points-system__usage-container{flex-direction:column-reverse;gap:60px;align-items:center}.modern-frontend-layout .points-system__mockups{width:100%;max-width:529px}.modern-frontend-layout .points-system__usage-content{width:100%}}@media (max-width: 1024px){.modern-frontend-layout .points-system__header{padding:40px}.modern-frontend-layout .points-system__title{font-size:32px;line-height:44px}.modern-frontend-layout .points-system__subtitle{font-size:18px;line-height:28px}.modern-frontend-layout .points-system__motivation{padding:40px}.modern-frontend-layout .points-system__motivation-title{font-size:36px;line-height:48px}.modern-frontend-layout .points-system__motivation-container{gap:40px}.modern-frontend-layout .points-system__cards-grid{gap:24px}.modern-frontend-layout .points-system__card{height:auto;min-height:180px}.modern-frontend-layout .points-system__usage{padding:40px}.modern-frontend-layout .points-system__usage-title{font-size:36px;line-height:48px}.modern-frontend-layout .points-system__usage-card-title{font-size:24px;line-height:32px}}@media (max-width: 768px){.modern-frontend-layout .points-system__header{padding:32px 24px}.modern-frontend-layout .points-system__title{font-size:28px;line-height:40px}.modern-frontend-layout .points-system__subtitle{font-size:16px;line-height:26px}.modern-frontend-layout .points-system__motivation{padding:32px 24px}.modern-frontend-layout .points-system__motivation-title{font-size:28px;line-height:40px}.modern-frontend-layout .points-system__motivation-container{gap:32px}.modern-frontend-layout .points-system__cards-row{flex-direction:column}.modern-frontend-layout .points-system__card{width:100%}.modern-frontend-layout .points-system__card-title{font-size:18px;line-height:26px}.modern-frontend-layout .points-system__card-desc{font-size:14px;line-height:24px}.modern-frontend-layout .points-system__usage{padding:32px 24px}.modern-frontend-layout .points-system__usage-title{font-size:28px;line-height:40px}.modern-frontend-layout .points-system__mockups{height:400px}.modern-frontend-layout .points-system__mockup--left,.modern-frontend-layout .points-system__mockup--center,.modern-frontend-layout .points-system__mockup--right{width:200px;height:400px}.modern-frontend-layout .points-system__mockup--center{left:calc(50% - 100px)}.modern-frontend-layout .points-system__usage-card{gap:16px}.modern-frontend-layout .points-system__usage-card-icon{width:48px;height:48px}.modern-frontend-layout .points-system__usage-card-title{font-size:20px;line-height:28px}.modern-frontend-layout .points-system__usage-card-desc{font-size:14px;line-height:26px}}@media (max-width: 480px){.modern-frontend-layout .points-system__header{padding:24px 16px}.modern-frontend-layout .points-system__title{font-size:24px;line-height:36px}.modern-frontend-layout .points-system__subtitle{font-size:14px;line-height:24px}.modern-frontend-layout .points-system__motivation{padding:24px 16px}.modern-frontend-layout .points-system__motivation-title{font-size:22px;line-height:32px}.modern-frontend-layout .points-system__cards-grid{gap:16px}.modern-frontend-layout .points-system__card{padding:16px;min-height:160px}.modern-frontend-layout .points-system__card-icon{width:40px;height:40px}.modern-frontend-layout .points-system__card-title{font-size:16px;line-height:24px}.modern-frontend-layout .points-system__card-desc{font-size:13px;line-height:22px}.modern-frontend-layout .points-system__usage{padding:24px 16px}.modern-frontend-layout .points-system__usage-title{font-size:22px;line-height:32px}.modern-frontend-layout .points-system__mockups{height:300px}.modern-frontend-layout .points-system__mockup--left,.modern-frontend-layout .points-system__mockup--center,.modern-frontend-layout .points-system__mockup--right{width:150px;height:300px}.modern-frontend-layout .points-system__mockup--left{left:0}.modern-frontend-layout .points-system__mockup--center{left:calc(50% - 75px)}.modern-frontend-layout .points-system__mockup--right{right:0}.modern-frontend-layout .points-system__usage-cards{gap:24px}.modern-frontend-layout .points-system__usage-card-icon{width:40px;height:40px}.modern-frontend-layout .points-system__usage-card-title{font-size:18px;line-height:26px}.modern-frontend-layout .points-system__usage-card-desc{font-size:13px;line-height:24px}}.modern-frontend-layout .how-to-use{display:flex;flex-direction:column;width:100%;align-items:flex-start;direction:rtl}.modern-frontend-layout .how-to-use__header{display:flex;flex-direction:column;width:100%;align-items:flex-start;gap:24px;padding:48px 80px}.modern-frontend-layout .how-to-use__title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%}.modern-frontend-layout .how-to-use__title-icon{width:48px;height:48px;flex-shrink:0}.modern-frontend-layout .how-to-use__title{font-family:var(--font-title);font-weight:700;color:#000;font-size:40px;line-height:56px;direction:rtl}.modern-frontend-layout .how-to-use__subtitle{font-family:var(--font-body);font-weight:400;color:#666;font-size:20px;line-height:32px;direction:rtl;margin:0}.modern-frontend-layout .how-to-use__steps{display:flex;flex-direction:column;width:100%;gap:60px;padding:40px 80px 80px}.modern-frontend-layout .how-to-use__step{display:flex;align-items:center;gap:60px;width:100%}.modern-frontend-layout .how-to-use__step--right,.modern-frontend-layout .how-to-use__step--left{flex-direction:row}.modern-frontend-layout .how-to-use__step-image{flex:1;max-width:500px}.modern-frontend-layout .how-to-use__step-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 40px #0000001a}.modern-frontend-layout .how-to-use__step-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.modern-frontend-layout .how-to-use__step-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.modern-frontend-layout .how-to-use__step-icon{width:32px;height:32px;flex-shrink:0}.modern-frontend-layout .how-to-use__step-title{font-family:var(--font-body);font-weight:700;color:#000;font-size:24px;line-height:36px;direction:rtl}.modern-frontend-layout .how-to-use__step-desc{font-family:var(--font-body);font-weight:400;color:#666;font-size:18px;line-height:32px;direction:rtl;margin:0}@media (max-width: 1024px){.modern-frontend-layout .how-to-use__header{padding:40px}.modern-frontend-layout .how-to-use__title{font-size:32px;line-height:44px}.modern-frontend-layout .how-to-use__title-icon{width:40px;height:40px}.modern-frontend-layout .how-to-use__subtitle{font-size:18px;line-height:28px}.modern-frontend-layout .how-to-use__steps{padding:32px 40px 60px;gap:48px}.modern-frontend-layout .how-to-use__step{gap:40px}.modern-frontend-layout .how-to-use__step-title{font-size:20px;line-height:30px}.modern-frontend-layout .how-to-use__step-desc{font-size:16px;line-height:28px}}@media (max-width: 768px){.modern-frontend-layout .how-to-use__header{padding:32px 24px}.modern-frontend-layout .how-to-use__title{font-size:28px;line-height:40px}.modern-frontend-layout .how-to-use__title-icon{width:36px;height:36px}.modern-frontend-layout .how-to-use__subtitle{font-size:16px;line-height:26px}.modern-frontend-layout .how-to-use__steps{padding:24px 24px 48px;gap:40px}.modern-frontend-layout .how-to-use__step{flex-direction:column!important;gap:24px}.modern-frontend-layout .how-to-use__step-image{max-width:100%}.modern-frontend-layout .how-to-use__step-content{width:100%}.modern-frontend-layout .how-to-use__step-icon{width:28px;height:28px}.modern-frontend-layout .how-to-use__step-title{font-size:18px;line-height:28px}.modern-frontend-layout .how-to-use__step-desc{font-size:14px;line-height:26px}}@media (max-width: 480px){.modern-frontend-layout .how-to-use__header{padding:24px 16px}.modern-frontend-layout .how-to-use__title{font-size:22px;line-height:32px}.modern-frontend-layout .how-to-use__title-icon{width:32px;height:32px}.modern-frontend-layout .how-to-use__subtitle{font-size:14px;line-height:24px}.modern-frontend-layout .how-to-use__steps{padding:20px 16px 40px;gap:32px}.modern-frontend-layout .how-to-use__step-icon{width:24px;height:24px}.modern-frontend-layout .how-to-use__step-title{font-size:16px;line-height:26px}.modern-frontend-layout .how-to-use__step-desc{font-size:13px;line-height:24px}}.modern-frontend-layout .usage-policy{display:flex;flex-direction:column;width:100%;background-color:#fff;direction:rtl}.modern-frontend-layout .usage-policy__header{display:flex;flex-direction:column;align-items:center;width:100%;padding:64px 74px 64px 48px}.modern-frontend-layout .usage-policy__header-container{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:1307px}.modern-frontend-layout .usage-policy__title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:32px;width:100%}.modern-frontend-layout .usage-policy__title{font-family:var(--font-title);font-weight:600;color:#000;font-size:32px;letter-spacing:0;line-height:48px;white-space:nowrap;direction:rtl}.modern-frontend-layout .usage-policy__subtitle{font-family:var(--font-body);font-weight:400;color:#666;font-size:18px;letter-spacing:0;line-height:32px;direction:rtl;align-self:stretch;text-align:right}.modern-frontend-layout .usage-policy__section{display:flex;flex-direction:column;width:100%;align-items:center;gap:8px;padding:64px 74px 64px 48px}.modern-frontend-layout .usage-policy__section--alt{background-color:#9c6b491a}.modern-frontend-layout .usage-policy__section-container{display:flex;flex-direction:column;width:100%;max-width:1307px;align-items:flex-start;justify-content:center;gap:64px}.modern-frontend-layout .usage-policy__section-header{display:flex;flex-direction:column;width:100%;max-width:1281px;align-items:flex-start;gap:24px}.modern-frontend-layout .usage-policy__section-title-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:24px}.modern-frontend-layout .usage-policy__section-title{font-family:var(--font-title);font-weight:700;color:#9c6b49;font-size:40px;letter-spacing:-.4px;line-height:60px;white-space:nowrap;direction:rtl}.modern-frontend-layout .usage-policy__section-icon{width:40px;height:40px;object-fit:contain}.modern-frontend-layout .usage-policy__section-desc{font-family:var(--font-body);font-weight:400;color:#666;font-size:20px;letter-spacing:0;line-height:36px;direction:rtl;align-self:stretch;text-align:right}.modern-frontend-layout .usage-policy__section-content{display:flex;flex-direction:row;width:100%;align-items:flex-start;justify-content:space-between;gap:48px;direction:rtl}.modern-frontend-layout .usage-policy__section-cards{display:flex;flex-direction:column;flex:1;max-width:624px;align-items:stretch;gap:24px}.modern-frontend-layout .usage-policy__section-image{display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;width:auto;max-width:400px}.modern-frontend-layout .usage-policy__section-image img{width:100%;height:auto;object-fit:contain;border-radius:16px}.modern-frontend-layout .usage-policy__section-image-wrapper{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-start}.modern-frontend-layout .usage-policy__image-container{position:relative;width:519px;height:556px}.modern-frontend-layout .usage-policy__section-main-image{width:100%;height:100%;object-fit:cover;border-radius:16px}.modern-frontend-layout .usage-policy__decoration{position:absolute;pointer-events:none}.modern-frontend-layout .usage-policy__decoration--circles{width:70px;height:70px;top:366px;left:-35px}.modern-frontend-layout .usage-policy__decoration--badge{width:78px;height:78px;bottom:0;right:-39px}.modern-frontend-layout .usage-policy__progress-widget{position:absolute;top:149px;right:-69px;width:138px;height:70px;display:flex;align-items:center;justify-content:center}.modern-frontend-layout .usage-policy__progress-content{display:flex;width:100%;height:100%;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.modern-frontend-layout .usage-policy__progress-text{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.modern-frontend-layout .usage-policy__progress-label{font-family:var(--font-body);font-weight:400;color:#666;font-size:12px;line-height:18px;direction:rtl}.modern-frontend-layout .usage-policy__progress-value{font-family:var(--font-body);font-weight:700;color:#9c6b49;font-size:20px;line-height:28px}.modern-frontend-layout .usage-policy__progress-icon{width:24px;height:24px;object-fit:contain}.modern-frontend-layout .usage-policy__section-content--reversed{flex-direction:row-reverse}.modern-frontend-layout .usage-policy__image-container--attendance{width:519px;height:425px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles{top:280px;left:-35px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget{top:6px;right:-69px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--badge{top:376px;bottom:auto;right:-39px}.modern-frontend-layout .usage-policy__image-container--teacher{width:519px;height:556px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--circles{top:374px;left:-35px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__progress-widget{top:157px;right:-69px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--badge{top:499px;bottom:auto;right:-39px}.modern-frontend-layout .usage-policy__image-container--privacy{width:519px;height:556px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--circles{top:374px;left:-35px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__progress-widget{top:157px;right:-69px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--badge{top:499px;bottom:auto;right:-39px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles-top-right{position:absolute;top:140px;right:-35px;left:auto;bottom:auto;width:70px;height:70px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget--left{top:100px;left:-69px;right:auto}.modern-frontend-layout .usage-policy__testimonial-widget{position:absolute;top:59px;left:-101px;width:304px;height:82px;display:flex;align-items:center;justify-content:center}.modern-frontend-layout .usage-policy__testimonial-content{display:flex;width:100%;height:100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:16px;padding:12px 24px;background-color:#fff;border-radius:10px;border:1px solid #f0c20e;box-shadow:0 4px 9px #0000000d}.modern-frontend-layout .usage-policy__testimonial-text{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:1}.modern-frontend-layout .usage-policy__testimonial-name{font-family:var(--font-name);font-weight:700;color:#333;font-size:16px;line-height:normal;direction:rtl}.modern-frontend-layout .usage-policy__testimonial-quote{font-family:var(--font-body);font-weight:400;color:#666;font-size:12px;line-height:normal;direction:rtl;margin:0}.modern-frontend-layout .usage-policy__testimonial-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover}.modern-frontend-layout .usage-policy__cards-grid{display:flex;flex-direction:row;width:100%;gap:48px;justify-content:flex-end}.modern-frontend-layout .usage-policy__cards-grid--wide{gap:48px}.modern-frontend-layout .usage-policy__cards-column{display:flex;flex-direction:column;width:100%;max-width:624px;align-items:flex-start;gap:24px}.modern-frontend-layout .usage-policy__card{display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;gap:10px;padding:16px 24px;background-color:#fff;border-radius:22px;border:2px solid rgba(156,107,73,.2)}.modern-frontend-layout .usage-policy__card-text{font-family:var(--font-body);font-weight:600;color:#333;font-size:20px;letter-spacing:0;line-height:36px;direction:rtl;display:flex;align-items:flex-start;justify-content:flex-start}.modern-frontend-layout .usage-policy__card-icon{width:32px;height:32px;object-fit:contain}.modern-frontend-layout .usage-policy__card{flex-direction:row;justify-content:flex-start;align-items:center;gap:18px}.modern-frontend-layout .usage-policy__roles-grid{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;flex-wrap:wrap}.modern-frontend-layout .usage-policy__role-card{display:flex;flex-direction:column;width:236px;min-height:229px;align-items:flex-start;justify-content:flex-start;gap:16px;padding:24px;position:relative;background-color:#ffffff1a;border-radius:16px;border:none;backdrop-filter:blur(12px) brightness(100%);-webkit-backdrop-filter:blur(12px) brightness(100%)}.modern-frontend-layout .usage-policy__role-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:16px;background:linear-gradient(270deg,#8f5b36cc,#846046);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;pointer-events:none}.modern-frontend-layout .usage-policy__role-header{display:flex;align-items:center;gap:10px}.modern-frontend-layout .usage-policy__role-title{font-family:var(--font-body);font-weight:600;color:#9c6b49;font-size:24px;letter-spacing:0;line-height:36px;white-space:nowrap;direction:rtl}.modern-frontend-layout .usage-policy__role-icon{width:24px;height:24px;object-fit:contain}.modern-frontend-layout .usage-policy__role-permissions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.modern-frontend-layout .usage-policy__permission-item{display:flex;align-items:center;gap:8px}.modern-frontend-layout .usage-policy__permission-item span{font-family:var(--font-body);font-weight:400;color:#000;font-size:14px;letter-spacing:0;line-height:24px;white-space:nowrap;direction:rtl}.modern-frontend-layout .usage-policy__permission-icon{width:16px;height:16px;object-fit:contain}.modern-frontend-layout .usage-policy__section--attendance{background-color:#fff}.modern-frontend-layout .usage-policy__attendance-content{display:flex;flex-direction:row;width:100%;gap:40px;align-items:flex-start}.modern-frontend-layout .usage-policy__attendance-cards{display:flex;flex-direction:column;width:100%;max-width:624px;align-items:flex-start;gap:27px}.modern-frontend-layout .usage-policy__attendance-image{position:relative;width:604px;flex-shrink:0}.modern-frontend-layout .usage-policy__attendance-image img{width:519px;height:425px;object-fit:cover;border-radius:16px}@media (max-width: 1280px){.modern-frontend-layout .usage-policy__header,.modern-frontend-layout .usage-policy__section{padding:48px}.modern-frontend-layout .usage-policy__section-content{gap:32px}.modern-frontend-layout .usage-policy__section-image{max-width:320px}.modern-frontend-layout .usage-policy__image-container{width:430px;height:460px}.modern-frontend-layout .usage-policy__progress-widget{top:120px;right:-50px}.modern-frontend-layout .usage-policy__decoration--circles{top:300px;left:-25px}.modern-frontend-layout .usage-policy__decoration--badge{bottom:0;right:-30px}.modern-frontend-layout .usage-policy__image-container--attendance{width:430px;height:350px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles{top:220px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget{top:6px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--badge{top:290px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--teacher{width:430px;height:460px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--circles{top:300px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__progress-widget{top:120px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--badge{top:400px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--privacy{width:430px;height:460px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--circles{top:300px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__progress-widget{top:120px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--badge{top:400px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles-top-right{top:100px;right:-30px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget--left{top:70px;left:-50px}.modern-frontend-layout .usage-policy__testimonial-widget{left:-80px;width:260px;height:75px}.modern-frontend-layout .usage-policy__testimonial-content{padding:10px 16px;gap:12px}.modern-frontend-layout .usage-policy__testimonial-name{font-size:14px}.modern-frontend-layout .usage-policy__testimonial-quote{font-size:11px}.modern-frontend-layout .usage-policy__testimonial-avatar{width:48px;height:48px}.modern-frontend-layout .usage-policy__roles-grid{flex-wrap:wrap;justify-content:center;gap:20px}.modern-frontend-layout .usage-policy__role-card{width:calc(33.333% - 20px);min-width:220px}.modern-frontend-layout .usage-policy__attendance-content{flex-direction:column;align-items:center}.modern-frontend-layout .usage-policy__attendance-image{width:100%;max-width:519px}}@media (max-width: 1024px){.modern-frontend-layout .usage-policy__title{font-size:28px;line-height:40px}.modern-frontend-layout .usage-policy__section-title{font-size:32px;line-height:48px}.modern-frontend-layout .usage-policy__section-content{flex-direction:column;align-items:center;gap:32px}.modern-frontend-layout .usage-policy__section-cards{width:100%;max-width:100%;order:1}.modern-frontend-layout .usage-policy__section-image{max-width:400px;width:100%;order:2}.modern-frontend-layout .usage-policy__section-image-wrapper{order:2;justify-content:center}.modern-frontend-layout .usage-policy__image-container{width:100%;max-width:400px;height:430px}.modern-frontend-layout .usage-policy__progress-widget{top:80px;right:-40px}.modern-frontend-layout .usage-policy__decoration--circles{top:280px;left:-20px}.modern-frontend-layout .usage-policy__decoration--badge{bottom:10px;right:-25px}.modern-frontend-layout .usage-policy__section-content--reversed{flex-direction:column}.modern-frontend-layout .usage-policy__section-content--reversed .usage-policy__section-image-wrapper{order:1}.modern-frontend-layout .usage-policy__section-content--reversed .usage-policy__section-cards{order:2}.modern-frontend-layout .usage-policy__image-container--attendance{max-width:400px;height:330px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles{top:200px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget{top:6px;right:-40px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--badge{top:260px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--teacher{max-width:400px;height:430px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--circles{top:280px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__progress-widget{top:100px;right:-40px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--badge{top:360px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--privacy{max-width:400px;height:430px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--circles{top:280px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__progress-widget{top:100px;right:-40px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--badge{top:360px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles-top-right{top:90px;right:-25px;width:50px;height:50px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget--left{top:60px;left:-40px}.modern-frontend-layout .usage-policy__testimonial-widget{left:-60px;top:40px;width:220px;height:70px}.modern-frontend-layout .usage-policy__testimonial-content{padding:8px 12px;gap:10px}.modern-frontend-layout .usage-policy__testimonial-name{font-size:13px}.modern-frontend-layout .usage-policy__testimonial-quote{font-size:10px}.modern-frontend-layout .usage-policy__testimonial-avatar{width:40px;height:40px}.modern-frontend-layout .usage-policy__cards-grid{flex-direction:column;gap:24px}.modern-frontend-layout .usage-policy__cards-column{max-width:100%}.modern-frontend-layout .usage-policy__role-card{width:calc(50% - 12px)}}@media (max-width: 768px){.modern-frontend-layout .usage-policy__header{padding:32px 24px}.modern-frontend-layout .usage-policy__title{font-size:24px;line-height:36px}.modern-frontend-layout .usage-policy__subtitle{font-size:16px;line-height:28px}.modern-frontend-layout .usage-policy__section{padding:32px 24px}.modern-frontend-layout .usage-policy__section-container{gap:40px}.modern-frontend-layout .usage-policy__section-content{gap:24px}.modern-frontend-layout .usage-policy__section-cards{gap:16px}.modern-frontend-layout .usage-policy__section-image{max-width:300px}.modern-frontend-layout .usage-policy__image-container{width:100%;max-width:320px;height:350px}.modern-frontend-layout .usage-policy__progress-widget{top:60px;right:-30px;width:120px;height:60px}.modern-frontend-layout .usage-policy__progress-content{padding:8px 12px;gap:6px}.modern-frontend-layout .usage-policy__progress-label{font-size:10px;line-height:14px}.modern-frontend-layout .usage-policy__progress-value{font-size:16px;line-height:22px}.modern-frontend-layout .usage-policy__progress-icon{width:20px;height:20px}.modern-frontend-layout .usage-policy__decoration--circles{width:50px;height:50px;top:240px;left:-15px}.modern-frontend-layout .usage-policy__decoration--badge{width:60px;height:60px;right:-20px}.modern-frontend-layout .usage-policy__image-container--attendance{max-width:320px;height:280px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles{top:170px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget{top:6px;right:-30px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--badge{top:220px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--teacher{max-width:320px;height:350px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--circles{top:220px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__progress-widget{top:80px;right:-30px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--badge{top:290px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--privacy{max-width:320px;height:350px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--circles{top:220px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__progress-widget{top:80px;right:-30px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--badge{top:290px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles-top-right{top:70px;right:-25px;width:50px;height:50px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget--left{top:50px;left:-30px}.modern-frontend-layout .usage-policy__testimonial-widget{left:-40px;top:30px;width:180px;height:60px}.modern-frontend-layout .usage-policy__testimonial-content{padding:6px 10px;gap:8px}.modern-frontend-layout .usage-policy__testimonial-name{font-size:11px}.modern-frontend-layout .usage-policy__testimonial-quote{font-size:9px}.modern-frontend-layout .usage-policy__testimonial-avatar{width:36px;height:36px}.modern-frontend-layout .usage-policy__section-title{font-size:26px;line-height:40px}.modern-frontend-layout .usage-policy__section-icon{width:32px;height:32px}.modern-frontend-layout .usage-policy__section-desc,.modern-frontend-layout .usage-policy__card-text{font-size:16px;line-height:28px}.modern-frontend-layout .usage-policy__role-card{width:100%;min-width:auto}.modern-frontend-layout .usage-policy__role-title{font-size:20px;line-height:32px}.modern-frontend-layout .usage-policy__attendance-image img{width:100%;height:auto}}@media (max-width: 480px){.modern-frontend-layout .usage-policy__header{padding:24px 16px}.modern-frontend-layout .usage-policy__title-wrapper{gap:16px}.modern-frontend-layout .usage-policy__title{font-size:20px;line-height:32px}.modern-frontend-layout .usage-policy__subtitle{font-size:14px;line-height:24px}.modern-frontend-layout .usage-policy__section{padding:24px 16px}.modern-frontend-layout .usage-policy__section-container{gap:32px}.modern-frontend-layout .usage-policy__section-content{gap:20px}.modern-frontend-layout .usage-policy__section-cards{gap:12px}.modern-frontend-layout .usage-policy__section-image{max-width:250px}.modern-frontend-layout .usage-policy__image-container{width:100%;max-width:260px;height:280px}.modern-frontend-layout .usage-policy__progress-widget{top:40px;right:-20px;width:100px;height:50px}.modern-frontend-layout .usage-policy__progress-content{padding:6px 10px;gap:4px}.modern-frontend-layout .usage-policy__progress-label{font-size:9px;line-height:12px}.modern-frontend-layout .usage-policy__progress-value{font-size:14px;line-height:18px}.modern-frontend-layout .usage-policy__progress-icon{width:16px;height:16px}.modern-frontend-layout .usage-policy__decoration--circles{width:40px;height:40px;top:180px;left:-10px}.modern-frontend-layout .usage-policy__decoration--badge{width:50px;height:50px;right:-15px;bottom:10px}.modern-frontend-layout .usage-policy__image-container--attendance{max-width:260px;height:220px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles{top:140px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget{top:6px;right:-20px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--badge{top:170px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--teacher{max-width:260px;height:280px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--circles{top:180px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__progress-widget{top:60px;right:-20px}.modern-frontend-layout .usage-policy__image-container--teacher .usage-policy__decoration--badge{top:230px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--privacy{max-width:260px;height:280px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--circles{top:180px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__progress-widget{top:60px;right:-20px}.modern-frontend-layout .usage-policy__image-container--privacy .usage-policy__decoration--badge{top:230px;bottom:auto}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__decoration--circles-top-right{top:50px;right:-20px;width:40px;height:40px}.modern-frontend-layout .usage-policy__image-container--attendance .usage-policy__progress-widget--left{top:35px;left:-20px}.modern-frontend-layout .usage-policy__testimonial-widget{display:none}.modern-frontend-layout .usage-policy__section-title-wrapper{gap:16px}.modern-frontend-layout .usage-policy__section-title{font-size:22px;line-height:34px}.modern-frontend-layout .usage-policy__section-icon{width:28px;height:28px}.modern-frontend-layout .usage-policy__section-desc{font-size:14px;line-height:26px}.modern-frontend-layout .usage-policy__card{padding:12px 16px;gap:12px}.modern-frontend-layout .usage-policy__card-text{font-size:14px;line-height:24px}.modern-frontend-layout .usage-policy__card-icon{width:24px;height:24px}.modern-frontend-layout .usage-policy__role-card{padding:16px;min-height:auto}.modern-frontend-layout .usage-policy__role-title{font-size:18px;line-height:28px}.modern-frontend-layout .usage-policy__permission-item span{font-size:13px;line-height:22px}}