@font-face{font-family:PortalCairo;src:url('../mustamsakati/fonts/cairo-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:PortalCairo;src:url('../mustamsakati/fonts/cairo-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
.portal-page{--p-bg:#f3f5fa;--p-surface:#fff;--p-ink:#17223c;--p-muted:#5d6b82;--p-line:#dae1ed;--p-blue:#2452d7;--p-soft:#eaf0ff;background:var(--p-bg);color:var(--p-ink);font-family:PortalCairo,system-ui,sans-serif}.portal-page[data-theme=dark],html[data-theme=dark] .portal-page{--p-bg:#0c1423;--p-surface:#141f32;--p-ink:#eef3ff;--p-muted:#acb8ce;--p-line:#2c3b53;--p-blue:#89aaff;--p-soft:#20355c}.portal-page .ai-fab,.portal-page .mobile-bottom-nav,.portal-page .mobile-bottom-bar{display:none!important}.portal-page *{box-sizing:border-box}.portal-page :focus-visible{outline:3px solid #619aff;outline-offset:3px}.portal-page a{color:var(--p-blue)}.portal-bar{max-width:1440px;margin:auto;padding:24px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:14px}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--p-ink)!important}.portal-brand img{width:44px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:4px}.portal-brand span{font-weight:900;line-height:1.4}.portal-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.3px}.portal-bar-actions{display:flex;align-items:center;gap:12px}.portal-bar-actions .btn,.portal-bar-actions .chip{min-height:44px}.portal-auth-grid{width:calc(100% - 64px);max-width:1312px;margin:10px auto 24px;display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:30px;box-shadow:0 22px 70px #14213c0a;overflow:hidden}.portal-story{background:#172c67;background-image:radial-gradient(ellipse at 20% 80%,#395cca 0,transparent 58%);color:#fff;padding:52px;display:flex;flex-direction:column;position:relative;isolation:isolate}.portal-kicker{font-size:11px;font-weight:900;letter-spacing:1.6px;color:var(--p-blue)}.portal-story .portal-kicker{color:#bdcffd}.portal-story h1{font-size:clamp(30px,3.1vw,49px);line-height:1.35;letter-spacing:-1px;margin:20px 0 14px;font-weight:900}.portal-story>p{color:#d3def7;font-size:15px;line-height:1.9;max-width:410px;margin:0}.portal-diagram{height:260px;position:relative;display:grid;place-items:center;margin:25px 0;direction:ltr}.portal-diagram-orbit{position:absolute;width:230px;height:230px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 32px #ffffff04,0 0 0 64px #ffffff03}.portal-diagram-core{width:118px;height:118px;border-radius:32px;background:linear-gradient(145deg,#fff,#d9e2ff);display:grid;place-items:center;transform:rotate(-9deg);box-shadow:0 24px 45px #030d3455}.portal-diagram-core img{height:87px;width:78px;object-fit:contain;transform:rotate(9deg)}.portal-float{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffed;color:#233358;padding:13px 17px;border-radius:16px;font-size:12px;font-weight:700;box-shadow:0 16px 32px #04102c25;max-width:85%;direction:inherit}.portal-float svg{color:#315bc8;flex-shrink:0}.portal-float i{width:7px;height:7px;border-radius:50%;background:#25b797}.portal-float-a{inset-inline-start:0;top:20px;transform:rotate(-4deg)}.portal-float-b{inset-inline-end:0;bottom:34px;transform:rotate(3deg)}.portal-float-c{bottom:-10px;inset-inline-start:20px;background:#263f7c;color:#fff;font-size:11px;padding:10px 13px}.portal-story-foot{margin-top:auto;display:grid;gap:16px;font-size:12px;color:#d3def7}.portal-story-foot span{display:flex;align-items:center;gap:9px}.portal-story-foot small{letter-spacing:2px;opacity:.65}.portal-auth-panel{padding:clamp(28px,4.4vw,66px);display:flex;flex-direction:column;justify-content:center;min-width:0}.portal-form-intro h2{font-size:30px;line-height:1.35;letter-spacing:-.7px;margin:10px 0 12px;color:var(--p-ink)}.portal-form-intro p{font-size:14px;color:var(--p-muted);line-height:1.9;margin:0 0 28px}.portal-form{display:grid;gap:18px}.portal-field{display:grid;gap:8px;font-size:13px;font-weight:700}.portal-field input,.portal-field select,.portal-field textarea{width:100%;min-width:0;border:1px solid var(--p-line);border-radius:12px;background:var(--p-bg);color:var(--p-ink);padding:13px 15px;font:inherit;min-height:50px;transition:border-color .15s}.portal-password{display:flex;border:1px solid var(--p-line);border-radius:12px;background:var(--p-bg);overflow:hidden}.portal-password input{border:0;background:transparent;flex:1;width:60%}.portal-password button{border:0;background:transparent;color:var(--p-blue);padding:0 14px;font:inherit;font-size:12px;min-width:62px;cursor:pointer}.portal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.portal-primary{display:flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;border:0;border-radius:12px;min-height:51px;padding:12px 20px;background:#2854d8;color:#fff!important;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #2854d826}.portal-primary:hover{background:#1b42b4}.portal-primary:disabled{opacity:.65;cursor:wait}.portal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:9px 16px;border:1px solid var(--p-line);border-radius:11px;background:var(--p-surface);color:var(--p-ink)!important;text-decoration:none;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.portal-help{display:grid;gap:17px;margin-top:27px;padding-top:24px;border-top:1px solid var(--p-line);font-size:12px;color:var(--p-muted)}.portal-help>a{display:flex;align-items:center;gap:8px}.portal-help details{line-height:1.8}.portal-help summary{cursor:pointer;min-height:36px}.portal-footer{display:flex;justify-content:space-between;gap:16px;max-width:1312px;margin:0 auto;padding:0 20px 30px;font-size:11px;color:var(--p-muted)}.portal-alert{padding:14px 16px;margin-bottom:20px;border:1px solid #ecaeaa;border-radius:12px;color:#992c25;background:#fff0ee;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.portal-success{border-color:#91d3bc;color:#126346;background:#edf9f3}.portal-receipt-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:var(--p-soft);color:var(--p-blue);margin-bottom:18px}.portal-steps{display:grid;gap:15px;list-style:none;padding:0;margin:22px 0}.portal-steps li{display:flex;align-items:center;gap:12px;color:var(--p-muted);font-size:13px}.portal-steps b{display:grid;place-items:center;width:26px;height:26px;background:var(--p-soft);color:var(--p-blue);border-radius:50%;flex-shrink:0}.portal-note{color:var(--p-muted);font-size:12px;line-height:1.9}.portal-main{max-width:1320px;margin:0 auto;padding:24px clamp(18px,3vw,42px) 60px}.portal-workspace-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 28px}.portal-workspace-header h1{font-size:32px;line-height:1.4;margin:8px 0}.portal-workspace-header p{color:var(--p-muted);font-size:14px}.portal-page .account-page{padding-top:25px}.portal-page .account-page .panel{border-color:var(--p-line);background:var(--p-surface);color:var(--p-ink);box-shadow:none}.portal-page .account-page input,.portal-page .account-page select{background:var(--p-bg);border:1px solid var(--p-line);color:var(--p-ink);min-height:46px;max-width:100%;border-radius:10px;padding:9px}.portal-page .account-page header{border-bottom:1px solid var(--p-line);padding-bottom:20px}.portal-page .account-page h2{font-size:22px}.portal-page [hidden]{display:none!important}
@media(max-width:1000px){.portal-story{padding:35px}.portal-auth-grid{min-height:610px}.portal-auth-panel{padding:32px}.portal-diagram{height:220px}.portal-float{font-size:10px;padding:11px}.portal-story h1{font-size:34px}}
@media(max-width:700px){.portal-bar{padding:18px}.portal-brand img{width:35px;height:40px}.portal-brand span{font-size:14px}.portal-auth-grid{width:calc(100% - 28px);display:flex;flex-direction:column;min-height:0;border-radius:22px;margin-top:0}.portal-story{padding:25px 26px 23px}.portal-story h1{font-size:29px;margin:10px 0 7px;line-height:1.4}.portal-story h1 br{display:none}.portal-story>p{font-size:12px;max-width:100%}.portal-diagram,.portal-story-foot{display:none}.portal-kicker{font-size:10px}.portal-auth-panel{padding:29px 24px}.portal-form-intro h2{font-size:25px}.portal-form-intro p{margin-bottom:23px;font-size:13px}.portal-form{gap:16px}.portal-footer{padding:0 22px 24px;flex-wrap:wrap}.portal-workspace-header{display:block}.portal-workspace-header h1{font-size:27px}.portal-page .tool-action-grid{grid-template-columns:1fr!important}.portal-page .sub-modal{max-height:90dvh;overflow-y:auto;max-width:calc(100vw - 20px)!important}.portal-page .sub-modal-body{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.portal-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Scope overrides for the legacy global reset; avoid affecting tenant editors. */
body.portal-page{--font:PortalCairo,system-ui,sans-serif;--font-heading:PortalCairo,system-ui,sans-serif;display:block}
body.portal-page::before{display:none}.portal-page .portal-bar,.portal-page .portal-footer{width:100%}.portal-page .portal-bar{margin:0 auto}.portal-page .stitch-mobile-bottom-bar,.portal-auth .ai-copilot-dock{display:none!important}.portal-launcher .ai-copilot-pill{display:none}.portal-page .portal-password input{border:0!important;box-shadow:none!important}.portal-page .portal-field>input{border-color:var(--p-line)!important}.portal-page .portal-password:focus-within{outline:3px solid #619aff;outline-offset:2px}

.cloud-usage-panel{border:1px solid var(--border);background:var(--surface);padding:18px;border-radius:16px;margin:18px 0}.cloud-usage-panel h2{font-size:20px}.cloud-meter{height:10px;border-radius:8px;background:#66b9a4;overflow:hidden;margin-top:8px}.cloud-meter span{display:block;height:100%;background:#526fdd}.cloud-usage-panel p{font-size:12px;color:var(--muted)}.cloud-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cloud-project-grid a{min-width:0;display:grid;gap:5px;color:var(--text);text-decoration:none}.cloud-project-grid img{width:100%;aspect-ratio:16/9;border-radius:10px}.cloud-project-grid strong,.cloud-project-grid small{overflow-wrap:anywhere}.cloud-project-grid small{font-size:10px;color:var(--muted)}
.portal-service-error{border:1px solid #e5ad3c88;background:#e5ad3c12;border-radius:16px;padding:20px;margin:18px 0}.portal-service-error a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:var(--primary,#356ee6);color:#fff;border-radius:9px}.portal-service-error small{display:block;margin-top:12px;unicode-bidi:plaintext}.cloud-project-grid .wallet-cloud-project{padding:18px;display:flex;flex-direction:column;gap:12px}.cloud-project-grid .wallet-cloud-project svg{width:42px;height:42px;color:#089b80}

/* Mr. Tech Suite 3D Celestial Orbit Banner */
.portal-diagram-suite{height:370px;position:relative;display:grid;place-items:center;margin:15px 0;isolation:isolate}
.suite-diagram-atmosphere{position:absolute;width:340px;height:400px;border-radius:50% / 60%;background:radial-gradient(ellipse at center,rgba(56,189,248,0.3) 0%,rgba(37,99,235,0.15) 50%,transparent 72%);filter:blur(24px);pointer-events:none}
.suite-orbit-ring{position:absolute;border-radius:50% / 60%;border:1px dashed rgba(56,189,248,0.45);pointer-events:none}
.orbit-ring-outer{width:290px;height:360px;box-shadow:0 0 35px rgba(56,189,248,0.22);animation:suiteOrbitSpin 45s linear infinite}
.orbit-ring-middle{width:220px;height:280px;border:1px solid rgba(148,163,184,0.3);animation:suiteOrbitSpinReverse 32s linear infinite}
@keyframes suiteOrbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes suiteOrbitSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
.suite-core-emblem{width:116px;height:116px;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#dbeafe 100%);display:grid;place-items:center;box-shadow:0 18px 45px rgba(2,6,23,0.6),0 0 45px rgba(56,189,248,0.55);z-index:5;border:2.5px solid rgba(255,255,255,0.85);animation:suiteFloatCore 4s ease-in-out infinite alternate}
@keyframes suiteFloatCore{from{transform:translateY(-5px) scale(1)}to{transform:translateY(5px) scale(1.02)}}
.suite-core-logo{width:80px;height:80px;object-fit:contain}
.suite-orbit-satellite{position:absolute;z-index:6;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1), filter .3s ease;filter:none}
.suite-orbit-satellite:hover{transform:scale(1.2) translateY(-4px);z-index:12;filter:none}
.liquid-glass-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.18) 0%,rgba(255,255,255,0.04) 100%);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1.5px solid rgba(255,255,255,0.32);box-shadow:0 14px 32px rgba(0,0,0,0.5),inset 0 1px 1px rgba(255,255,255,0.7),inset 0 -2px 6px rgba(0,0,0,0.3),0 0 24px var(--sat-glow,rgba(56,189,248,0.35));transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}
.liquid-glass-icon::before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 100%);border-radius:16px 16px 40% 40%;pointer-events:none}
.liquid-glass-icon svg{display:block;filter:none}
.liquid-glass-icon.tone-docx{--sat-glow:rgba(59,130,246,0.6);border-color:rgba(147,197,253,0.5)}
.liquid-glass-icon.tone-cad{--sat-glow:rgba(14,165,233,0.6);border-color:rgba(125,211,252,0.5)}
.liquid-glass-icon.tone-design{--sat-glow:rgba(56,189,248,0.65);border-color:rgba(125,211,252,0.55)}
.liquid-glass-icon.tone-film{--sat-glow:rgba(217,70,239,0.6);border-color:rgba(240,171,252,0.5)}
.liquid-glass-icon.tone-pdf{--sat-glow:rgba(244,63,94,0.6);border-color:rgba(253,164,175,0.5)}
.liquid-glass-icon.tone-seal{--sat-glow:rgba(251,113,133,0.6);border-color:rgba(254,205,211,0.5)}
.liquid-glass-icon.tone-mustamsak{--sat-glow:rgba(20,184,166,0.65);border-color:rgba(94,234,212,0.55)}
.liquid-glass-icon.tone-excel{--sat-glow:rgba(16,185,129,0.6);border-color:rgba(110,231,183,0.5)}
.sat-pos-top{top:-6px;left:50%;transform:translateX(-50%);animation:satBob1 4.5s ease-in-out infinite alternate}
.sat-pos-top-right{top:42px;right:-4px;animation:satBob2 5s ease-in-out infinite alternate}
.sat-pos-right{top:50%;right:-26px;transform:translateY(-50%);animation:satBob3 4.2s ease-in-out infinite alternate}
.sat-pos-bottom-right{bottom:42px;right:-4px;animation:satBob4 4.8s ease-in-out infinite alternate}
.sat-pos-bottom{bottom:-6px;left:50%;transform:translateX(-50%);animation:satBob1 5.2s ease-in-out infinite alternate}
.sat-pos-bottom-left{bottom:42px;left:-4px;animation:satBob2 4.4s ease-in-out infinite alternate}
.sat-pos-left{top:50%;left:-26px;transform:translateY(-50%);animation:satBob3 4.9s ease-in-out infinite alternate}
.sat-pos-top-left{top:42px;left:-4px;animation:satBob4 4.6s ease-in-out infinite alternate}
@keyframes satBob1{0%{transform:translateX(-50%) translateY(0px)}100%{transform:translateX(-50%) translateY(-7px)}}
@keyframes satBob2{0%{transform:translateY(0px)}100%{transform:translateY(-6px)}}
@keyframes satBob3{0%{transform:translateY(-50%) translateX(0px)}100%{transform:translateY(-50%) translateX(6px)}}
@keyframes satBob4{0%{transform:translateY(0px)}100%{transform:translateY(7px)}}