*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@font-face{font-family:lion;src:url(/assets/lyon-arabic-display-regular-C5BsGTen.otf)format("opentype");font-weight:400}@font-face{font-family:lion;src:url(/assets/lyon-arabic-display-medium-CGEd1UQY.otf)format("opentype");font-weight:500}@font-face{font-family:lion;src:url(/assets/lyon-arabic-display-bold-Db6iWFwC.otf)format("opentype");font-weight:700}html,body{direction:rtl}.auth-container{direction:rtl;background-color:#346186;justify-content:center;align-items:center;min-height:120vh;display:flex}.auth-card{background-color:#fff;border-radius:12px;width:100%;max-width:650px;padding:40px;box-shadow:0 4px 20px #000}.logo-container{justify-content:center;align-items:center;display:flex}.app-logo{object-fit:contain;width:300px;height:auto;padding:0}.success{width:250px;height:auto}.input-group{flex-direction:column;align-items:flex-start;width:100%;margin-bottom:20px;display:flex}.input-label{color:#000;margin-bottom:8px;font-family:lion;font-size:1.1rem;font-weight:500}.custom-input{background-color:#e0e0e0;border:2px solid #0000;border-radius:4px;outline:none;width:100%;padding:14px 16px}.custom-input:focus{background-color:#fff;border-color:#82c4f9}.custom-dropdown{width:100%;position:relative}.custom-dropdown-trigger{box-sizing:border-box;cursor:pointer;text-align:right;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:1rem;display:flex}.custom-dropdown-trigger:focus-visible{border-color:#82c4f9}.custom-dropdown-placeholder{color:#9aa4b2}.custom-dropdown-arrow{flex-shrink:0;transition:transform .2s}.custom-dropdown-trigger.is-open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-hidden-input{opacity:0;pointer-events:none;width:100%;height:0;position:absolute}.custom-dropdown-panel{z-index:30;opacity:0;pointer-events:none;background-color:#1a2332;border:1px solid #ffffff1f;border-radius:10px;max-height:240px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:translateY(-6px);box-shadow:0 12px 28px #00000073}.custom-dropdown-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-dropdown-option{color:#e5e7eb;cursor:pointer;text-align:right;border-radius:6px;padding:10px 14px;font-size:.95rem;transition:background-color .12s}.custom-dropdown-option:hover{background-color:#2078fe2e}.custom-dropdown-option.is-selected{color:#fff;background-color:#2078fe47;font-weight:600}.custom-dropdown-panel::-webkit-scrollbar{width:6px}.custom-dropdown-panel::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:3px}.form-page-wrapper{background-color:#0e1729;min-height:100vh}.custom-built-form{--form-side-padding:200px;padding:10px var(--form-side-padding) 30px;color:#fff}.form-row.split-row{flex-wrap:wrap;gap:16px;width:100%;display:flex!important}.form-row.split-row>*{flex:1 1 0;min-width:0}.form-hero-banner{border-radius:12px;max-width:1200px;min-height:220px;margin:30px auto;position:relative;overflow:hidden}.form-hero-img{object-fit:cover;filter:blur(3px)brightness(.55);z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.form-hero-overlay{z-index:1;-webkit-backdrop-filter:blur(6px);text-align:center;background:#09153459;padding:50px 40px;position:relative}.form-hero-title{color:#fff;margin-bottom:12px;font-family:lion;font-size:1.8rem;font-weight:700}.form-hero-desc{color:#c7d3e6;max-width:600px;margin:0 auto 16px;font-size:1rem;line-height:1.8}.form-hero-link{color:#5bc9e8;font-size:.95rem;font-weight:600;text-decoration:underline}.form-section-header{max-width:1200px;margin:0 auto;padding:0 40px}.form-section-header h3{color:#fff;border-bottom:1px solid #fff3;width:100%;padding-bottom:14px;font-family:lion;font-size:1.3rem;font-weight:600;display:block}.form-divider-dots{justify-content:center;gap:6px;margin:6px 0 16px;display:flex}.form-divider-dots span{background-color:#ffffff59;border-radius:50%;width:4px;height:4px}.form-footer-actions{margin:10px calc(-1 * var(--form-side-padding)) -30px;padding:24px var(--form-side-padding);border-radius:0 0 12px 12px;justify-content:flex-end;display:flex}.form-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2078fe,#134898);border:none;border-radius:6px;padding:14px 55px;font-family:lion;font-size:1.05rem;font-weight:600;transition:transform .15s}.form-submit-btn:active{transform:scale(.96)}.main-header{color:#fff;z-index:1000;background-color:#1a222d;width:100%;margin:0;padding:15px 120px;position:sticky;top:0}.header-container{background-color:#1a222d;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;display:flex}.header-right{align-items:center;gap:40px;display:flex}.avatar-placeholder{border-radius:50%;width:60px;height:60px}.header-logo img{object-fit:contain;width:180px;height:auto;display:block}.header-nav{gap:80px;display:flex}.header-link{color:var(--text-secondary);font-size:25px;text-decoration:none;transition:color .3s}.header-link:hover{color:#92b4ff}.menu-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.primary-btn{cursor:pointer;border-radius:4px;width:100%;margin-top:16px;margin-bottom:15px;padding:16px;font-family:lion;font-size:1.1rem;font-weight:500}.primary-btn:hover{background-color:#91bbde}.primary-btn:active{transform:scale(.95)}.auth-title{color:#346186;text-align:center;margin-bottom:8px;font-family:lion;font-size:1.7rem;font-weight:700}.auth-subtitle{color:#346186;text-align:center;margin-bottom:24px;font-family:lion;font-size:1.1rem;font-weight:500}.hero-section{background:#1a222d;margin-top:80px;margin-bottom:80px;padding:60px 20px}.hero-container{justify-content:space-between;align-items:center;gap:64px;max-width:1200px;margin:0 auto;display:flex}.hero-text{text-align:right;flex:1}.hero-title{margin-bottom:20px;font-size:2.8rem;font-weight:800;line-height:1.4}.hero-highlight{background:linear-gradient(135deg,#2078fe,#134898);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block}.hero-subtitle{color:#fff;max-width:500px;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.hero-btn-group{justify-content:flex-start;gap:15px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2078fe,#134898);border:none;border-radius:6px;padding:18px 60px;font-size:1.1rem;font-weight:700}.btn-secondary{color:#859bba;cursor:pointer;background-color:#0000;border:1px solid #859bba;border-radius:6px;padding:12px 30px;font-size:1.1rem;font-weight:700}.hero-image-side{flex:1}.hero-img-placeholder{color:#475569;border:1px dashed var(--border-color);background-color:#b5ffdd;border-radius:8px;justify-content:center;align-items:center;width:100%;height:350px;display:flex}.about-section{background-color:#1a222d;padding:8px 20px 60px}.about-container{align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.about-text{text-align:right;flex:1}.about-title{color:var(--color-accent);margin-bottom:20px;font-size:37px}.about-desc{color:#cbd5e1;font-size:25px;line-height:1.8}.how-section{text-align:center;background-color:#1a222d;margin-top:80px;padding:60px 20px}.how-main-title{margin-bottom:40px;font-size:26px}.how-grid{flex-wrap:wrap;justify-content:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.step-card{text-align:left;background-color:#373d47;border-radius:8px;flex:1;min-width:280px;padding:30px 20px;position:relative}.step-badge{color:#fff;z-index:10;background:linear-gradient(100deg,#2078fe,#134898);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;position:absolute;top:15px;left:15px}.step-title{color:#5bb1c8;text-align:center;margin-bottom:10px;font-size:20px}.step-desc{color:#fff;text-align:center;font-size:16px;line-height:1.6}.init-section{background-color:#0e1729;margin-top:80px;padding:60px 20px}.init-top-row{flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.init-title-area{text-align:right}.init-title{color:#fff;margin-bottom:8px;font-size:26px}.init-subtitle{color:#8ba1e4;font-size:18px}.init-view-more{color:#3b82f6;font-size:18px;font-weight:700;text-decoration:none}.init-slider-wrapper{align-items:center;gap:15px;display:flex}.init-arrow-btn{color:#333;cursor:pointer;background-color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #0000004d}.init-cards-grid{flex:1;gap:20px;padding-bottom:10px;display:flex;overflow-x:auto}.init-card{text-align:center;background-color:#242b35;border:1px solid #ffffff1a;border-radius:12px;flex:1;min-width:280px;transition:transform .3s;overflow:hidden}.init-img-container{width:100%;height:160px;overflow:hidden}.init-card-img{object-fit:cover;width:100%;height:100%}.init-card-content{padding:20px}.init-card-title{color:#4da3ff;margin-bottom:12px;font-size:16px;font-weight:700}.init-card-desc{color:#cbd5e1;height:70px;margin-bottom:20px;font-size:14px;line-height:1.6;overflow:hidden}.init-card-btn{color:#fff;cursor:pointer;background-color:#1d63ed;border:none;border-radius:6px;width:100%;padding:12px;font-weight:700;transition:background-color .2s}.init-card-btn:hover{background-color:#154ec2}.init-card:hover{transform:translateY(-8px)}.main-footer{background-color:#1a222d;padding:40px 20px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1200px;margin:0 auto;display:flex}.footer-col{color:#fff;flex-direction:column;gap:24px;min-width:200px;display:flex}.footer-info-row{justify-content:flex-end;align-items:center;gap:20px;font-size:1.5rem;display:flex}.footer-col-links{text-align:right;flex-direction:column;gap:20px;min-width:150px;display:flex}.footer-col-links a{color:#fff;font-size:1.5rem;text-decoration:none;transition:color .2s}.footer-col-links a:hover{color:var(--color-accent)}.footer-col-brand{text-align:right;color:#fff;max-width:300px}.footer-logo{margin-bottom:12px;font-size:22px}.footer-tagline{font-size:1.1rem;line-height:1.6}.custom-input,.custom-dropdown-trigger{box-sizing:border-box!important;height:51px!important;margin:0!important}.custom-dropdown-hidden-input{opacity:0!important;pointer-events:none!important;border:none!important;height:0!important;margin:0!important;padding:0!important;position:absolute!important}