@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Space+Grotesk:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;800;900&family=Tajawal:wght@400;700&display=swap";:root{--color-bg:#030303;--color-text:#f5f5f5;--color-magenta:#ff007f;--color-orange:#ff4500;--color-cyan:#0ff;--color-accent:#c5a059;--color-accent-dark:#8c7335;--color-accent-light:#e8d3a2;--color-gray:#1a1a1a;--color-gray-light:#333;--color-glass:#ffffff08;--color-glass-border:#ffffff1a;--color-neon-glow:0 0 10px #ff007f80, 0 0 20px #ff45004d;--font-primary:"Outfit", sans-serif;--font-secondary:"Space Grotesk", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--tracking-tighter:.5px;--tracking-tight:1px;--tracking-wide:2px;--tracking-wider:3px;--tracking-widest:4px;--tracking-max:5px}.cinematic-theme{--color-bg:#030303;--color-text:#f5f5f5;--color-amber:#ff4500;--color-magenta:#ff007f;--color-gray:#1a1a1a;--color-gray-light:#333}html[dir=rtl]{--font-primary:"Cairo", sans-serif;--font-secondary:"Tajawal", sans-serif;--tracking-tighter:normal;--tracking-tight:normal;--tracking-wide:normal;--tracking-wider:normal;--tracking-widest:normal;--tracking-max:normal}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;font-weight:800}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:var(--color-magenta)}button{font-family:var(--font-secondary);cursor:pointer;color:inherit;transition:var(--transition);background:0 0;border:none}.text-magenta{color:var(--color-magenta)}.text-orange{color:var(--color-orange)}.gradient-text{background:linear-gradient(45deg, var(--color-magenta), var(--color-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dotted-border{border:1px dashed var(--color-glass-border)}.glass-panel{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-glass-border)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 5vw}.section{padding:10rem 0;position:relative}.asymmetrical-grid{grid-template-columns:repeat(12,1fr);gap:2rem;display:grid}.btn-primary{border:1px solid var(--color-text);color:var(--color-text);text-transform:uppercase;font-family:var(--font-primary);letter-spacing:2px;z-index:1;background:0 0;padding:1rem 2.5rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg, var(--color-magenta), var(--color-orange));z-index:-1;width:0%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.btn-primary:hover:before{width:100%}.btn-primary:hover{box-shadow:var(--color-neon-glow);border-color:#0000}.btn-luxury{color:var(--color-text);letter-spacing:var(--tracking-wide);text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:1px solid #fff3;border-radius:2px;padding:1rem 2.5rem;font-size:1rem;transition:all .4s;position:relative;overflow:hidden}.btn-solid-magenta{background:var(--color-magenta);color:#fff;text-transform:uppercase;width:100%;font-family:var(--font-primary);letter-spacing:1px;z-index:1;transition:var(--transition);cursor:pointer;border:none;border-radius:50px;justify-content:space-between;align-items:center;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-solid-magenta:before{content:"";background:var(--color-orange);z-index:-1;width:0%;height:100%;transition:var(--transition);border-radius:50px;position:absolute;top:0;left:0}.btn-solid-magenta:hover:before{width:100%}.btn-solid-magenta:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff450066}.btn-luxury:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffffff0d;box-shadow:0 10px 20px #0003}.btn-orange{border:1px solid var(--color-orange);color:var(--color-text);text-transform:uppercase;font-family:var(--font-primary);letter-spacing:2px;z-index:1;background:0 0;padding:1rem 2.5rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.btn-orange:before{content:"";background:var(--color-orange);z-index:-1;width:0%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.btn-orange:hover:before{width:100%}.btn-orange:hover{border-color:#0000;box-shadow:0 0 15px #ff450080}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-gray-light)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.brand-gallery-card:hover .bg-reveal{opacity:1!important;transform:scale(1)!important}.brand-gallery-card:hover .bg-overlay{opacity:1!important}.brand-gallery-card:hover h3,.brand-gallery-card:hover span{color:#fff!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hover-bg-glass:hover{background:#ffffff1a!important}.hover-white:hover{color:#fff!important}.border-radius-12{border-radius:12px}.carousel-mask{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%)}:root{--color-text-muted:#b8b8c2;--ui-surface:#141418;--ui-border:#44444e;--ui-action:#e8d3a2;--ui-action-ink:#17130c;--ui-radius:16px;--ui-control-radius:10px;--site-header-height:80px}html{scroll-padding-top:calc(var(--site-header-height) + 24px)}body{line-height:1.6}button,input,textarea,select{font:inherit}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--ui-action);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}.site-header{z-index:1000;border-bottom:1px solid var(--ui-border);color:var(--color-text);background:#0c0c10;position:sticky;top:0}.site-header__row{min-height:var(--site-header-height);align-items:center;gap:24px;max-width:1600px;margin:auto;padding:12px clamp(16px,3vw,48px);display:flex}.site-header__brand{font-size:clamp(1rem,1.4vw,1.35rem);font-weight:800;line-height:1.5}.site-header__brand span{color:var(--ui-action)}.site-header__actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.site-header__desktop{align-items:center;gap:24px;margin-inline-start:auto;display:flex}.site-header a:hover,.site-header a[aria-current=page]{color:var(--ui-action)}.site-header__desktop a,.site-header__mobile a{padding-block:10px}.ui-icon-button{border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-surface);width:44px;height:44px;color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-button,.btn-primary,.btn-luxury,.btn-orange,.btn-solid-magenta,.btn-secondary{border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);min-height:48px;font-family:var(--font-primary);letter-spacing:normal;text-transform:none;text-align:center;background:var(--ui-surface);color:var(--color-text);justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:700;line-height:1.5;transition:background .2s,border-color .2s;display:inline-flex}.ui-button--primary,.btn-solid-magenta{background:var(--ui-action);color:var(--ui-action-ink);border-color:var(--ui-action)}.ui-button--quiet{background:0 0;min-height:44px;padding:8px 12px}.btn-primary:before,.btn-solid-magenta:before{display:none}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius)}.portfolio-card{text-align:start;min-width:0;padding:0}.portfolio-filter{min-height:44px}.page-context-actions{z-index:20;padding:16px 5%;position:relative}.hero-section{height:max(640px, calc(100svh - var(--site-header-height)))!important}.hero-content{text-align:center;padding-inline:24px}.hero-actions .ui-button{min-width:0!important;padding:12px 24px!important;font-size:1rem!important}.site-header__menu,.site-header__mobile{display:none}@media (hover:hover) and (pointer:fine){.ui-button:hover,.ui-icon-button:hover,.btn-primary:hover,.btn-luxury:hover,.btn-orange:hover,.btn-solid-magenta:hover{color:#fff;border-color:var(--ui-action);box-shadow:none;background:#2a2928;transform:none}.ui-card:hover{border-color:var(--ui-action)}}@media (width<=1100px){.site-header__desktop{display:none}.site-header__menu{display:inline-flex}.site-header__mobile:not([hidden]){border-top:1px solid var(--ui-border);grid-template-columns:1fr 1fr;gap:8px 24px;padding:12px 24px 24px;display:grid}}@media (width<=600px){:root{--site-header-height:112px}.site-header__row{flex-wrap:wrap;gap:8px;padding:10px 16px}.site-header__brand{text-align:center;width:100%}.site-header__actions{margin:auto}.site-header__mobile:not([hidden]){grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%;gap:12px!important}.hero-actions .ui-button{width:100%}.hero-content{gap:24px!important}.section{padding-block:4rem}.portfolio-card{height:360px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.portal-shell{width:min(1180px,100% - 32px);color:var(--color-text);margin:0 auto;padding:40px 0 64px}.portal-auth-shell{justify-content:center;display:flex}.portal-auth{width:min(100%,480px);padding:clamp(20px,4vw,40px);position:relative}.portal-shell h1,.portal-auth h1{margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.4}.portal-shell h2{margin:0 0 16px;font-size:1.35rem;line-height:1.5}.portal-muted,.portal-form small{color:var(--color-text-muted,#c5c3c0);line-height:1.8}.portal-form{gap:18px;display:grid}.portal-form label{gap:8px;min-width:0;font-weight:600;display:grid}.portal-form input,.portal-form textarea,.portal-form select,.portal-search{border:1px solid var(--ui-border);color:#f5f5f5;width:100%;min-width:0;min-height:48px;font:inherit;background:#111;border-radius:10px;padding:12px}.portal-form textarea{resize:vertical;min-height:130px}.portal-form :focus-visible,.portal-search:focus-visible{outline:2px solid var(--ui-action);outline-offset:3px}.portal-form option{background:#111}.portal-actions,.portal-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-toolbar{justify-content:space-between;margin-bottom:24px}.portal-actions{margin-block:16px}.portal-notice{color:#e0f5e5;overflow-wrap:anywhere;background:#122319;border:1px solid #719c7e;border-radius:10px;padding:16px;line-height:1.8}.portal-error{color:#fdd;background:#301b1b;border-color:#a96565}.portal-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000b;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.portal-close{margin-inline-start:auto;margin-bottom:12px;display:flex}.portal-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);align-items:start;gap:24px;display:grid}.portal-panel{min-width:0;padding:clamp(16px,3vw,28px)}.portal-list{gap:12px;margin-block:20px;display:grid}.portal-request{text-align:start;width:100%;color:inherit;font:inherit;overflow-wrap:anywhere;cursor:pointer;gap:8px;padding:16px;display:grid}.portal-request[aria-pressed=true]{border-color:var(--ui-action);box-shadow:inset 0 0 0 1px var(--ui-action)}.portal-meta{color:var(--color-text-muted);flex-wrap:wrap;gap:12px;font-size:.9rem;display:flex}.portal-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.portal-message{border-inline-start:3px solid var(--ui-border);background:#ffffff04;margin-block:16px;padding:12px 16px}.portal-message--internal{border-color:var(--ui-action)}.portal-empty{color:var(--color-text-muted);padding-block:24px;line-height:1.8}.portal-tabs{margin-bottom:24px}.portal-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-block:24px;display:grid}.portal-stat{gap:8px;padding:16px;display:grid}.portal-stat strong{font-size:1.7rem}.portal-check{align-items:center;gap:12px;display:flex!important}.portal-check input{width:20px;min-height:20px}@media (width<=850px){.portal-grid{grid-template-columns:1fr}}@media (width<=480px){.portal-actions>.ui-button{flex:100%}.portal-shell{padding-top:24px}}