.portal-nav{display:flex;gap:28px;border-bottom:1px solid #d5ded9;padding-bottom:18px;margin-bottom:28px;font-size:14px;overflow:auto;white-space:nowrap}.portal-nav a:first-child{color:#977031}.dashboard-heading{margin-bottom:24px}.dashboard-heading h1{font-size:36px;margin:8px 0}.dashboard-heading #identity{font-size:13px;margin:0}.portal-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:310px;padding:44px;color:white;display:flex;align-items:center}.portal-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:portal-drift 24s ease-in-out infinite alternate}.portal-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#032c32ee,#032c3280,transparent);z-index:-1}.portal-hero h2{font-size:40px;max-width:510px;margin:12px 0 24px}.portal-hero .eyebrow{color:#e8c985}.portal-hero .primary{background:#ead8b2;color:#173331}.portal-hero-note{position:absolute;inset-inline-end:28px;bottom:25px;font-size:12px}.overview-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:18px;margin:24px 0 44px}.portal-panel{padding:26px;background:white;border:1px solid #dbe5de;border-radius:14px;position:relative}.portal-panel h2{font-size:25px;margin:12px 0}.portal-panel p:not(.eyebrow){font-size:14px;color:#667775}.portal-panel a,.text-button{font-size:13px;font-weight:600}.panel-icon{float:inline-end;font-size:23px;color:#8f733e}.support-panel{background:#e7eee8}.text-button{padding:0;background:none;border:0;color:#255a4c}.plans{gap:20px}.plan{overflow:hidden;padding:0 24px 25px;border-width:1px;transition:transform .2s,box-shadow .2s}.plan:hover{transform:translateY(-4px);box-shadow:0 12px 35px #052b3110}.plan:has(input:checked){box-shadow:0 0 0 2px #236755;background:white}.package-image{height:155px;width:calc(100% + 48px);max-width:none;margin:0 -24px 10px;object-fit:cover}.plan input{top:171px;background:white}.plan-name{font-size:20px}.plan strong{font-size:35px}.plan>span:last-child{font-size:13px}.plan.popular:after{content:'02';position:absolute;top:18px;inset-inline-start:18px;color:white;font-size:12px;background:#092c31a0;padding:3px 9px;border-radius:5px}.save-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.save-actions #saveSelection{background:transparent;color:#24594a;border-color:#c6d6ce}.save-actions p{margin:0}.order-panel{margin-top:35px}.order-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.status-pill{font-size:11px;background:#edf2ed;border-radius:30px;padding:5px 12px}.empty-orders{padding:24px 0;border-top:1px solid #e2e9e3;color:#687a75;font-size:14px}.order-row{display:grid;grid-template-columns:1fr auto auto;gap:22px;padding:18px 0;border-top:1px solid #e2e9e3;font-size:14px}.order-row small{display:block;color:#647b71}.saved{font-size:14px}html[dir=rtl] .portal-hero:after{background:linear-gradient(270deg,#032c32ee,#032c3280,transparent)}@keyframes portal-drift{to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.portal-hero>img{animation:none}.plan{transition:none}}@media(max-width:900px){.overview-grid{grid-template-columns:1fr 1fr}.support-panel{grid-column:1/-1}.plans{grid-template-columns:repeat(3,minmax(0,1fr))}.plan{padding-inline:16px}.package-image{width:calc(100% + 32px);margin-inline:-16px}.plan strong{font-size:29px}}@media(max-width:650px){.overview-grid,.plans{grid-template-columns:1fr}.support-panel{grid-column:auto}.portal-hero{padding:26px;min-height:320px}.portal-hero h2{font-size:32px}.portal-hero-note{display:none}.dashboard-heading h1{font-size:30px}.portal-nav{gap:22px}.order-heading{align-items:start;flex-direction:column}.order-row{grid-template-columns:1fr auto;gap:10px}.package-image{height:175px}.plan input{top:191px}.portal-panel{padding:22px}}
body{background:radial-gradient(ellipse at 100% 15%,#dec79a20,transparent 40%),#f4f6f1}.portal-hero{min-height:365px;border-radius:24px 80px 24px 24px;box-shadow:0 25px 65px #062d3120}.portal-hero:before{content:'';position:absolute;inset:22px;border:1px solid #efd6a43d;border-radius:10px 60px 10px 10px;pointer-events:none}.portal-hero h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.1;max-width:570px}.portal-hero .primary{border-radius:30px}.support-panel{background:radial-gradient(circle at 110% 0%,#527d60,#103d36 65%);color:#fff;overflow:hidden}.support-panel:after{content:'✧';position:absolute;inset-inline-end:-5px;bottom:-65px;font-size:180px;color:#dcb87920;pointer-events:none}.support-panel .eyebrow{color:#e2c58e}.support-panel .secondary{color:#f4e4c2;border-color:#c6b58770;position:relative;z-index:1}.portal-panel{box-shadow:0 10px 32px #0c332805}.plan{border-radius:16px}.package-image{height:180px}.plan input{top:196px}.primary{transition:background .2s,box-shadow .2s}.primary:hover{background:#174f43;box-shadow:0 8px 24px #0d352b20}#supportDialog{width:min(580px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:36px;border:1px solid #dbd5bc;border-radius:22px;background:#fafaf5;color:#112f32;box-shadow:0 30px 100px #001d3250}#supportDialog::backdrop{background:#021e29b3;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:15px;inset-inline-end:18px;border:0;background:#e9eee6;border-radius:50%;width:38px;height:38px;font-size:25px;color:#14392f}.support-intro{padding-inline-end:25px}.support-intro h2{font-size:34px}.support-intro>p:not(.eyebrow){font-size:14px;color:#63736c}#supportMessage{width:100%;resize:vertical;min-height:130px;padding:14px;border:1px solid #b8c9c4;border-radius:8px;font:inherit;color:inherit;background:#fff}#supportSubmit{width:100%;border-radius:30px}#supportResult:not(:empty){padding:20px;border-radius:12px;background:#e8eee2;font-size:15px}#supportMessage:focus-visible{outline:3px solid #a2772e;outline-offset:3px}html[dir=rtl] .portal-hero h2{font-family:'Noto Sans Arabic',sans-serif}@media(max-width:650px){.portal-hero{border-radius:18px 50px 18px 18px;padding:30px;min-height:335px}.portal-hero h2{font-size:36px}#supportDialog{padding:27px 22px}.support-intro h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.primary{transition:none}}
