:root {--aramco-green:#0c8f7a;--aramco-green-dark:#066a5a;--aramco-green-soft:#dff5ef;--aramco-blue:#123c66;--aramco-blue-dark:#0a2340;--aramco-text:#153047;--aramco-text-soft:#6b7f90;--aramco-border:#d7e5ea;--aramco-white:#ffffff;--aramco-bg:#f3f8fa;--aramco-bg-soft:#f8fbfc;--aramco-shadow:0 20px 50px rgba(10,35,64,.10);--aramco-shadow-soft:0 10px 30px rgba(10,35,64,.06);--aramco-radius:24px;--aramco-radius-sm:18px;--aramco-transition:.25s ease}
 *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:'Tajawal',Tahoma,Arial,sans-serif;color:var(--aramco-text);background:radial-gradient(circle at top right, rgba(12,143,122,.08), transparent 30%),radial-gradient(circle at bottom left, rgba(18,60,102,.06), transparent 30%),linear-gradient(to bottom,#f9fcfd,#eef5f7);overflow-x:hidden}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(140deg, rgba(255,255,255,.18), transparent 35%);z-index:0}a{text-decoration:none;transition:var(--aramco-transition);color:var(--aramco-green-dark)}a:hover{color:var(--aramco-blue-dark)}img{max-width:100%;height:auto}.wrapper,.container,.main-container,.dashboard-inner,.section-wrapper,.inner-wrapper-with-header{position:relative;z-index:1}.card,.custom--card,.team-container,.user-title,.package.form,.link,.contact-info-card,.plan-card,.plan-item,.plan-item-two,.recharge-detail,.aramco-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.85);box-shadow:var(--aramco-shadow);border-radius:var(--aramco-radius)}.card,.custom--card,.plan-item,.plan-item-two{overflow:hidden}.card-body{padding:24px}.btn,.btn--base,.btn--dark,.cmn-btn,button[type='submit'],.aramco-btn{border:none;border-radius:var(--aramco-radius-sm);transition:var(--aramco-transition);font-weight:800}.btn--base,.cmn-btn,.aramco-btn,button[type='submit']{color:#fff!important;background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green))!important;box-shadow:0 16px 30px rgba(8,87,86,.18)}.btn--base:hover,.cmn-btn:hover,.aramco-btn:hover,button[type='submit']:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(8,87,86,.24)}.form-control,.form--control,input[type='text'],input[type='email'],input[type='password'],input[type='number'],input[type='tel'],input[type='url'],input[type='search'],select,textarea{border-radius:18px!important;border:1px solid var(--aramco-border)!important;background:#fff!important;color:var(--aramco-text)!important;box-shadow:none!important;transition:var(--aramco-transition)!important}.form-control:focus,.form--control:focus,input:focus,select:focus,textarea:focus{border-color:rgba(12,143,122,.70)!important;box-shadow:0 0 0 4px rgba(12,143,122,.10)!important;outline:none!important}input::placeholder,textarea::placeholder{color:#9bb0bd!important}.form-group label,label{color:var(--aramco-text);font-weight:800;margin-bottom:8px}.required::after{content:' *';color:#d94b4b}.top-nav,.aramco-top-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 30px rgba(10,35,64,.08);border-radius:22px;padding:14px 16px;backdrop-filter:blur(8px)}.top-nav p,.aramco-top-nav p{margin:0;font-size:18px;font-weight:900;color:var(--aramco-blue-dark)}.back-btn,.aramco-back-btn{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--aramco-blue);background:#f3f8fa;border:1px solid var(--aramco-border);transition:var(--aramco-transition);flex-shrink:0}.back-btn:hover,.aramco-back-btn:hover{background:#eaf3f6;transform:translateY(-2px)}.top-nav>div:last-child,.nav-placeholder{width:46px;height:46px;flex-shrink:0}.team-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-buttons button{height:56px;border:none;border-radius:18px;background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green));color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:.25s ease;box-shadow:0 16px 30px rgba(8,87,86,.14)}.team-buttons button:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(8,87,86,.22)}.hero-card,.aramco-hero{position:relative;overflow:hidden;border-radius:30px;padding:30px;background:linear-gradient(135deg,rgba(7,35,64,.92),rgba(9,104,93,.78)),url('https://images.unsplash.com/photo-1513828583688-c52646db42da?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;box-shadow:0 28px 70px rgba(10,35,64,.18);color:#fff}.hero-card::before,.aramco-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg, rgba(255,255,255,.06), transparent 45%),linear-gradient(to top, rgba(4,22,38,.34), rgba(4,22,38,.08));pointer-events:none}.hero-content,.aramco-hero-content{position:relative;z-index:1}.hero-badge,.aramco-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:800;color:rgba(255,255,255,.96);margin-bottom:16px}.hero-title,.aramco-title{font-size:34px;font-weight:900;line-height:1.2;margin-bottom:10px}.hero-desc,.aramco-desc{font-size:15px;line-height:1.9;color:rgba(255,255,255,.82);max-width:760px}.plan-list{display:flex;flex-direction:column;gap:16px}.plan-item,.plan-item-two{padding:22px;background:linear-gradient(to bottom,#fff,#f8fbfc);border:1px solid var(--aramco-border)!important;height:100%}.plan-item__header,.plan-head{padding-bottom:16px;border-bottom:1px solid #e8eff3}.plan-item__header .plan-title,.plan-head h4,.plan-name{font-size:22px;font-weight:900;color:var(--aramco-blue-dark)}.plan-rate .rate{color:var(--aramco-green-dark);font-weight:900}.plan-item__body ul{list-style:none;padding:0;margin:0}.plan-item__body li{padding:10px 0;border-bottom:1px solid #edf3f5}.plan-item__body li:last-child{border-bottom:0}.plan-info,.plan-start,.plan-inner-div{padding:12px 0;border-bottom:1px dashed #dfeaf0}.plan-inner-div:last-child{border-bottom:0}.plan-label{font-size:13px;color:var(--aramco-text-soft);margin-bottom:5px}.plan-value{font-weight:900;color:var(--aramco-blue-dark)}.invest-details-link{height:40px;width:40px;line-height:40px;text-align:center;border:1px solid var(--aramco-border);border-radius:999px;color:var(--aramco-blue-dark);display:inline-flex;align-items:center;justify-content:center;background:#fff}.invest-details-link:hover{border-color:var(--aramco-green-dark);color:var(--aramco-green-dark)}.recharge-detail{padding:22px;background:linear-gradient(to bottom,#ffffff,#f8fbfc);border:1px solid var(--aramco-border)!important}.heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.heading iconify-icon,.heading i{width:42px;height:42px;padding:9px;border-radius:14px;background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green));color:#fff;display:inline-flex;align-items:center;justify-content:center}.heading p,.title{margin:0}.title{font-size:18px;font-weight:900;color:var(--aramco-blue-dark);margin-bottom:16px}.description{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.description>div,.footer,.balance{background:#fff;border:1px solid #e7eef2;border-radius:18px;padding:16px}.description p,.footer p,.balance p{margin:0}.description p:first-child,.footer p:first-child,.balance p:first-child{color:var(--aramco-text-soft);font-size:13px;font-weight:700;margin-bottom:8px}.description p:last-child,.footer p:last-child,.balance p:last-child{color:var(--aramco-blue-dark);font-size:15px;font-weight:900;word-break:break-word}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance p:last-child{font-size:26px}.referral-form{position:relative;cursor:pointer;margin-top:10px}.referral-form textarea{overflow:hidden}.referral-form:before{content:'Copy';position:absolute;inset:0;background:#123c66d9;color:#fff;opacity:0;transition:.25s ease;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}.referral-form:hover:before,.referral-form.copied-referral:before{opacity:1}.referral-form.copied-referral:before{content:'Copied'}.dashboard-inner{max-width:1140px;margin:0 auto;position:relative;z-index:1}.text--muted,.text-muted,small,p{color:var(--aramco-text-soft)}.aramco-bottom-spacer{height:90px}.aramco-bottom-nav{position:fixed;right:50%;bottom:18px;transform:translateX(50%);width:calc(100% - 24px);max-width:760px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 45px rgba(10,35,64,.14),0 4px 18px rgba(10,35,64,.08);backdrop-filter:blur(12px);border-radius:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;z-index:999}.aramco-bottom-nav a{min-height:72px;border-radius:20px;color:var(--aramco-text-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:700}.aramco-bottom-nav a.active{background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green));color:#fff;box-shadow:0 14px 28px rgba(8,87,86,.20)}.aramco-bottom-nav a i,.aramco-bottom-nav a iconify-icon{font-size:22px;width:22px;height:22px}.aramco-page-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:22px}.aramco-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aramco-form-grid .full-row{grid-column:1/-1}.aramco-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.aramco-stat{background:#fff;border:1px solid var(--aramco-border);border-radius:20px;padding:18px}.aramco-stat .label{font-size:13px;color:var(--aramco-text-soft);margin-bottom:8px}.aramco-stat .value{font-size:24px;font-weight:900;color:var(--aramco-blue-dark)}.aramco-section-title{font-size:24px;font-weight:900;color:var(--aramco-blue-dark);margin:0 0 14px}.aramco-subtitle{font-size:14px;line-height:1.9;color:var(--aramco-text-soft);margin:0 0 20px}.aramco-card.pad-lg,.aramco-card .pad-lg{padding:24px}.aramco-list-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border:1px solid var(--aramco-border);border-radius:18px;background:#fff;box-shadow:var(--aramco-shadow-soft)}.aramco-list-card+.aramco-list-card{margin-top:14px}.aramco-list-main{display:flex;align-items:center;gap:14px}.aramco-icon-box{width:50px;height:50px;border-radius:16px;background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aramco-list-title{font-size:17px;font-weight:900;color:var(--aramco-blue-dark);margin:0 0 4px}.aramco-list-meta{font-size:13px;color:var(--aramco-text-soft);margin:0}.aramco-keyval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aramco-keyval .item{background:#fff;border:1px solid var(--aramco-border);border-radius:18px;padding:16px}.aramco-keyval .key{font-size:13px;color:var(--aramco-text-soft);margin-bottom:8px}.aramco-keyval .val{font-size:15px;font-weight:900;color:var(--aramco-blue-dark);word-break:break-word}.aramco-empty-box{padding:32px 20px;text-align:center;border:1px dashed var(--aramco-border);border-radius:20px;background:rgba(255,255,255,.75);color:var(--aramco-text-soft);font-weight:700}.aramco-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.aramco-copy-box{padding:16px 18px;border-radius:18px;border:1px dashed var(--aramco-border);background:#fff;word-break:break-word}.aramco-inline-actions{display:flex;flex-wrap:wrap;gap:12px}.aramco-tabs a,.aramco-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:18px;background:#fff;border:1px solid var(--aramco-border);color:var(--aramco-blue-dark);font-weight:800}.aramco-tabs a.active,.aramco-tabs button.active{background:linear-gradient(90deg,var(--aramco-blue),var(--aramco-green));color:#fff;border-color:transparent}.aramco-note{padding:14px 16px;border-radius:18px;background:var(--aramco-green-soft);color:var(--aramco-green-dark);font-weight:700}.table.aramco-table{overflow:hidden;border-radius:20px}.table.aramco-table thead tr th:first-child,.table.aramco-table tbody tr td:first-child{text-align:right}.table.aramco-table thead tr th:last-child,.table.aramco-table tbody tr td:last-child{text-align:left}@media (max-width:992px){.team-buttons,.aramco-page-grid,.aramco-form-grid,.aramco-stat-grid,.aramco-filter-grid,.aramco-keyval{grid-template-columns:1fr}.hero-title,.aramco-title{font-size:28px}}@media (max-width:640px){.hero-card,.aramco-hero,.card,.custom--card,.team-container,.recharge-detail,.plan-item,.plan-item-two{border-radius:24px}.hero-card,.aramco-hero,.card-body{padding:20px}.hero-title,.aramco-title{font-size:24px}.aramco-bottom-nav{width:calc(100% - 16px);bottom:10px;border-radius:22px;padding:10px 8px;gap:6px}}

.aramco-bottom-nav{direction:rtl!important}.aramco-bottom-nav a{width:100%;padding-inline:4px;justify-self:stretch}.aramco-bottom-nav a span{display:block;width:100%;text-align:center}.aramco-bottom-nav a.active{transform:none}

.aramco-bottom-nav{display:flex!important;flex-direction:row!important;direction:ltr!important}.aramco-bottom-nav a{flex:1 1 0!important;max-width:none!important;min-width:0!important}.aramco-bottom-nav a span,.aramco-bottom-nav a i{pointer-events:none}

.aramco-bottom-nav-fixed{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;direction:ltr!important}.aramco-bottom-nav-fixed .nav-home{grid-column:1}.aramco-bottom-nav-fixed .nav-plan{grid-column:2}.aramco-bottom-nav-fixed .nav-team{grid-column:3}.aramco-bottom-nav-fixed .nav-profile{grid-column:4}.aramco-bottom-nav-fixed a{width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important;transform:none!important;margin:0!important}.aramco-bottom-nav-fixed a.active{transform:none!important}.aramco-bottom-nav-fixed a span{display:block!important;width:100%!important;text-align:center!important}