@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.ps{display:block;height:100svh;min-height:560px;color:#eef2f8;background:var(--ps-deep);border-bottom-color:color-mix(in srgb,var(--ps-accent) 30%,transparent)}.ps:after{display:none}.ps .scene-index{color:color-mix(in srgb,var(--ps-soft) 80%,#8890a0)}.ps .scene-index span{color:var(--ps-accent)}.ps .scene-index i{background:var(--ps-accent)}.ps :focus-visible{outline-color:var(--ps-accent)}.ps-stage{position:absolute;inset:0;overflow:hidden;perspective:1400px}.ps-plate{position:absolute;inset:0;will-change:transform,opacity}.ps-plate img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.5)}.ps-plate span{position:absolute;inset:0;background:radial-gradient(ellipse at 64% 50%,rgba(var(--ps-tint),.25),rgba(var(--ps-tint),.85) 62%,var(--ps-deep) 100%),linear-gradient(90deg,var(--ps-deep) 0%,rgba(var(--ps-tint),.7) 38%,transparent 70%);mix-blend-mode:normal}[dir=rtl] .ps-plate span{background:radial-gradient(ellipse at 36% 50%,rgba(var(--ps-tint),.25),rgba(var(--ps-tint),.85) 62%,var(--ps-deep) 100%),linear-gradient(270deg,var(--ps-deep) 0%,rgba(var(--ps-tint),.7) 38%,transparent 70%)}.ps-motif{position:absolute;inset:0;pointer-events:none}.ps-motif svg{position:absolute;width:100%;overflow:visible}.ps-path{fill:none;stroke:var(--ps-accent);stroke-width:2;stroke-dasharray:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ps-accent) 60%,transparent))}.ps-path.is-ghost{stroke-opacity:.35;stroke-width:1}.ps-motif-wave svg,.ps-motif-pulse svg{left:0;top:50%;height:200px;translate:0 -50%}.ps-bars{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:6px;height:34svh;translate:-50% -50%;opacity:.55}.ps-bars i{display:block;width:4px;height:100%;border-radius:3px;background:linear-gradient(var(--ps-soft),var(--ps-accent))}.ps-pulse-ring{position:absolute;left:50%;top:50%;width:220px;aspect-ratio:1;margin:-110px 0 0 -110px;border-radius:50%;border:1px solid var(--ps-accent);opacity:0}.ps-motif-route svg,.ps-motif-logistics svg{inset:0;height:100%}.ps-route-dot{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--ps-soft);box-shadow:0 0 0 4px color-mix(in srgb,var(--ps-accent) 25%,transparent)}.ps-logo{position:absolute;left:64%;top:46%;width:clamp(160px,20vw,300px);translate:-50% -50%;filter:drop-shadow(0 20px 50px rgba(232,181,74,.35))}[dir=rtl] .ps-logo{left:36%}.ps-device{position:absolute;left:64%;top:52%;width:0;height:0;transform-style:preserve-3d}[dir=rtl] .ps-device{left:36%}.ps-frame{position:absolute;left:0;top:0;translate:-50% -50%;margin:0;display:flex;flex-direction:column;overflow:hidden;background:#0a0d14;border:1px solid color-mix(in srgb,var(--ps-accent) 45%,transparent);box-shadow:0 50px 120px #000000a6,0 0 0 1px #ffffff0a inset;will-change:transform,opacity}.ps-frame.is-desktop{width:min(54vw,900px);border-radius:12px}.ps-frame.is-portrait{height:min(78svh,720px);aspect-ratio:589 / 1105;border-radius:22px}.ps-frame.is-phone{height:min(80svh,720px);aspect-ratio:589 / 1075;border-radius:30px;border-width:1px;box-shadow:0 0 0 7px #15120c,0 0 0 8px color-mix(in srgb,var(--ps-accent) 35%,transparent),0 50px 120px #000000b3}.ps-frame.is-grid{width:min(50vw,760px);padding:14px;border-radius:18px;background:#0c0816d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ps-chrome{flex:none;display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#11151e;border-bottom:1px solid rgba(255,255,255,.07)}.ps-chrome i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.ps-chrome span{margin-inline-start:10px;padding:3px 12px;color:#9aa4b5;background:#ffffff0d;border-radius:20px;font:10px var(--mono)}.ps-shot{position:relative;flex:1;min-height:0;overflow:hidden}.ps-shot img{display:block;width:100%;will-change:transform}.is-desktop .ps-shot img{height:auto}.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ps-grid-cell{position:relative;margin:0;overflow:hidden;border-radius:12px;aspect-ratio:259 / 190;border:1px solid rgba(226,209,255,.22)}.ps-grid-cell img{width:100%;height:100%;object-fit:cover}.ps-grid-cell span{position:absolute;inset:auto 0 0;padding:18px 8px 7px;color:#fff;font-size:11px;font-weight:600;text-align:center;background:linear-gradient(transparent,#080412e6)}.ps-handoff{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--ps-next) 22%,transparent),transparent 55%)}.ps-captions{position:absolute;z-index:3;inset-inline-start:max(6%,calc((100vw - 1190px)/2));top:50%;translate:0 -50%;width:min(380px,28vw);min-height:320px}.ps-cap{position:absolute;inset:0 0 auto}.ps-cap h2{margin:18px 0 14px;font-size:clamp(42px,5.4vw,84px);font-weight:600;line-height:1.05;letter-spacing:-.045em;color:var(--ps-soft)}[dir=rtl] .ps-cap h2:not([dir=ltr]){line-height:1.35;letter-spacing:0}.ps-cap h3{margin:12px 0;font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.35}.ps-cap p{margin:0;color:#c9d1de;font-size:14px;line-height:1.9}.ps-scope{margin-top:14px!important;padding-inline-start:12px;border-inline-start:1px solid var(--ps-accent);color:#98a3b5!important;font-size:12px!important}.ps-cap-num{color:var(--ps-accent);font:12px var(--mono);letter-spacing:.14em}.ps-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.ps-chips li{padding:5px 10px;color:var(--ps-soft);border:1px solid color-mix(in srgb,var(--ps-accent) 45%,transparent);background:rgba(var(--ps-tint),.6);font-size:11px}.ps-note{margin-top:12px!important;color:var(--ps-soft)!important;font:11px var(--mono)!important}.ps-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 0;color:var(--ps-soft);border-bottom:1px solid var(--ps-accent);text-decoration:none;font-size:12px}.ps-link:hover,.ps-link:focus-visible{color:#fff}.ps-link svg{width:14px;height:14px}.ps-source-link{margin-top:8px;padding-block:5px;font-size:11px}.ps-steps{position:absolute;z-index:3;bottom:34px;inset-inline-start:max(6%,calc((100vw - 1190px)/2));display:flex;gap:6px;margin:0;padding:0;list-style:none}.ps-steps li{width:26px;height:2px;background:color-mix(in srgb,var(--ps-accent) 25%,transparent);transition:background .3s}.ps-steps li.is-on{background:var(--ps-accent)}.ps-next{position:absolute;z-index:3;bottom:22px;inset-inline-end:80px;margin:0;color:#eef2f8;border-color:color-mix(in srgb,var(--ps-accent) 50%,transparent)}.ps-next:hover{color:var(--ps-soft);border-color:var(--ps-accent)}:where(:root[data-layout=phone]) .ps-device,:where(:root[data-layout=phone]) [dir=rtl] .ps-device{left:50%;top:36%}:where(:root[data-layout=phone]) .ps-logo,:where(:root[data-layout=phone]) [dir=rtl] .ps-logo{left:50%;top:30%;width:150px}:where(:root[data-layout=phone]) .ps-frame.is-desktop{width:calc(var(--pvw) * 90)}:where(:root[data-layout=phone]) .ps-frame.is-portrait{height:50svh}:where(:root[data-layout=phone]) .ps-frame.is-phone{height:52svh;border-radius:28px}:where(:root[data-layout=phone]) .ps-frame.is-grid{width:calc(var(--pvw) * 90);padding:8px}:where(:root[data-layout=phone]) .ps-grid{gap:6px}:where(:root[data-layout=phone]) .ps-grid-cell span{font-size:9px;padding:12px 4px 4px}:where(:root[data-layout=phone]) .ps-captions{top:auto;bottom:64px;translate:none;inset-inline:20px 58px;width:auto;min-height:0;height:36svh}:where(:root[data-layout=phone]) .ps-cap{inset:auto 0 0}:where(:root[data-layout=phone]) .ps-cap-intro{bottom:auto;top:-26svh}:where(:root[data-layout=phone]) .ps-cap h2{font-size:clamp(38px,calc(var(--pvw) * 11),54px)}:where(:root[data-layout=phone]) .ps-cap h3{font-size:22px;margin:6px 0}:where(:root[data-layout=phone]) .ps-cap p{font-size:13px;line-height:1.75}:where(:root[data-layout=phone]) .ps-chips li{font-size:10px;padding:4px 8px}:where(:root[data-layout=phone]) .ps-steps{bottom:30px;inset-inline-start:20px}:where(:root[data-layout=phone]) .ps-next{inset-inline-end:58px;bottom:14px}:where(:root[data-layout=phone]) .ps-bars{height:22svh;gap:4px}:where(:root[data-layout=phone]) .ps-bars i{width:3px}@media(prefers-reduced-motion:reduce){.ps{height:auto;min-height:0;padding:90px 0 70px}.ps-stage{position:relative;inset:auto;overflow:visible;padding:10px 0;order:2}.ps-motif{opacity:.3}.ps-logo{display:none}.ps-device,[dir=rtl] .ps-device{position:relative;left:auto;top:auto;width:auto;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:0 6%;order:2}.ps-frame{position:relative;translate:none;width:100%!important;height:auto!important}.ps-frame.is-portrait .ps-shot,.ps-frame.is-phone .ps-shot{max-height:70svh;overflow-y:auto}.ps-frame.is-desktop,.ps-frame.is-grid{grid-column:1 / -1}.ps-captions{position:relative;inset:auto;translate:none;width:auto;min-height:0;padding:0 6% 30px;display:grid;gap:22px}.ps-cap,.ps-cap-intro{position:relative;inset:auto}.ps-steps{display:none}.ps-next{position:relative;inset:auto;margin:30px 6% 0}.ps{display:flex;flex-direction:column}.ps-captions{order:1;z-index:1}.ps-next{order:3;z-index:1}}.c4{--c4-gold: #e8c06a;--c4-violet: #b99cff;--c4-ink: #f2eef8;--c4-dim: #a7a3b8;display:block;height:100svh;min-height:600px;color:var(--c4-ink);background:#06060d;border-bottom:0}.c4:after{display:none}.c4 .scene-index{color:var(--c4-dim)}.c4 .scene-index span{color:var(--c4-gold)}.c4 .scene-index i{background:var(--c4-gold)}.c4 :focus-visible{outline-color:var(--c4-gold)}.c4-stage{position:absolute;inset:0;overflow:hidden;perspective:1300px}.c4-void{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(120,90,220,.2),transparent 45%),radial-gradient(ellipse at 50% 110%,rgba(232,192,106,.12),transparent 50%),linear-gradient(180deg,#07071a,#040409)}.c4-city{position:absolute;inset:0;will-change:transform,opacity}.c4-city img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) hue-rotate(-12deg) brightness(.62)}.c4-city span{position:absolute;inset:0;background:linear-gradient(180deg,#060610d1,#0e0a2859 45%,#06060ee6),radial-gradient(ellipse at 50% 40%,transparent 20%,rgba(5,5,12,.7) 80%)}.c4-lights{position:absolute;inset:0}.c4-light{position:absolute;border-radius:50%;box-shadow:0 0 10px currentColor;opacity:.7}.c4-glow{position:absolute;left:50%;top:36%;width:min(70vw,900px);aspect-ratio:2.2;translate:-50% -50%;background:radial-gradient(ellipse,rgba(232,192,106,.24),rgba(150,110,255,.14) 40%,transparent 70%)}.c4-hero{position:absolute;left:50%;bottom:0;margin:0;width:min(40vw,560px);translate:-50% 0;will-change:transform,opacity}.c4-hero img{display:block;width:100%;max-height:92svh;object-fit:contain;object-position:bottom;filter:brightness(.82) contrast(1.05) drop-shadow(0 0 70px rgba(150,120,255,.25))}.c4-trails{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.c4-trail,.c4-trail-halo{fill:none;stroke-dasharray:1;stroke-linecap:round}.c4-trail{stroke-width:2.4}.c4-trail-halo{stroke-width:12;stroke-opacity:.16;filter:blur(4px)}.c4-portal{position:absolute;left:50%;top:50%;width:min(34vw,380px);aspect-ratio:1;translate:-50% -50%;will-change:transform,opacity}.c4-portal span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(232,192,106,.7)}.c4-portal span:nth-child(1){background:radial-gradient(circle,rgba(185,156,255,.35),rgba(30,20,80,.2) 55%,transparent 70%);box-shadow:inset 0 0 60px #b99cff80}.c4-portal span:nth-child(2){inset:9%;border-color:#4fb3ff99;border-style:dashed}.c4-portal span:nth-child(3){inset:20%;border-color:#b99cffcc;border-width:2px;border-top-color:transparent;border-bottom-color:transparent}.c4-concepts{position:absolute;inset:0}.c4-concept{position:absolute;display:grid;justify-items:center;gap:10px;translate:-50% -50%;will-change:transform,opacity}.c4-concept.is-mobile{left:13%;top:34%}.c4-concept.is-web{left:31%;top:66%}.c4-concept.is-assistant{left:50%;top:30%}.c4-concept.is-platform{left:69%;top:66%}.c4-concept.is-dashboard{left:87%;top:34%}.c4-concept-tag{display:flex;align-items:center;gap:8px;color:var(--c4-ink);font-size:12px;white-space:nowrap}.c4-concept-tag em{padding:2px 6px;color:#0b0912;background:var(--c4-gold);font:600 8px var(--mono);font-style:normal;letter-spacing:.12em}.c4-art{position:relative;display:grid;gap:6px;padding:10px;background:#100e24b8;border:1px solid rgba(185,156,255,.45);box-shadow:0 30px 70px #00000080,inset 0 0 30px #785adc26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.c4-art b,.c4-art i,.c4-art s,.c4-art u,.c4-art em{display:block;text-decoration:none}.c4-art b{height:10px;border-radius:3px;background:#b99cff47}.c4-art-mobile{width:clamp(70px,7vw,104px);aspect-ratio:9 / 18;border-radius:16px;align-content:start}.c4-art-mobile i{height:38%;border-radius:8px;background:linear-gradient(135deg,#e8c06a80,#b99cff40)}.c4-art-mobile s{position:absolute;bottom:8px;left:30%;right:30%;height:3px;border-radius:2px;background:#fff6}.c4-art-web{width:clamp(140px,14vw,210px);aspect-ratio:16 / 10;border-radius:8px;align-content:start}.c4-art-web u{display:flex;gap:4px}.c4-art-web u i{width:6px;height:6px;border-radius:50%;background:#ffffff4d}.c4-art-web>b{height:34%;background:linear-gradient(90deg,#4fb3ff73,#b99cff33)}.c4-art-web span{display:grid;grid-template-columns:1fr 1fr;gap:6px}.c4-art-assistant{width:clamp(120px,12vw,180px);border-radius:14px}.c4-art-assistant b{width:70%;height:14px;border-radius:8px}.c4-art-assistant b.is-me{justify-self:end;background:#4fb3ff73}.c4-art-assistant span{display:flex;align-items:center;justify-content:center;gap:3px;height:22px}.c4-art-assistant span i{width:3px;height:100%;border-radius:2px;background:#4fb3ff}.c4-art-assistant span i:nth-child(odd){height:45%}.c4-art-assistant span i:nth-child(3n){height:75%}.c4-art-platform{width:clamp(110px,11vw,160px);aspect-ratio:1;grid-template-columns:1fr 1fr;border-radius:50%;padding:22%}.c4-art-platform i{border-radius:50%;background:#e8c06a8c;aspect-ratio:1}.c4-art-platform em{position:absolute;inset:18%;border-radius:50%;border:1px dashed rgba(232,192,106,.5)}.c4-art-dashboard{width:clamp(140px,14vw,200px);aspect-ratio:16 / 10;border-radius:8px;grid-template-rows:1fr auto auto}.c4-art-dashboard span{display:flex;align-items:flex-end;gap:5px}.c4-art-dashboard span i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#7fe6d6cc,#7fe6d626)}.c4-captions{position:absolute;z-index:3;inset-inline:0;bottom:9svh;display:grid;justify-items:center;pointer-events:none}.c4-cap{grid-area:1 / 1;margin:0;max-width:min(640px,86vw);text-align:center}.c4-cap p,p.c4-cap{margin:0;color:#ddd8ea;font-size:clamp(15px,1.5vw,19px);line-height:1.8}.c4-cap-trails .scene-index{justify-content:center}.c4-trail-names{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:16px 0 10px;padding:0;list-style:none;font-size:13px;font-weight:600}.c4-trail-names span{font:10px var(--mono);opacity:.8}.c4-final{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:safe center;gap:clamp(22px,4svh,44px);padding:80px max(6%,calc((100vw - 1180px)/2)) 48px;overflow-y:auto}.c4-head{text-align:center}.c4-head .scene-index{justify-content:center}.c4-head h2{margin:18px auto 0;max-width:18ch;font-family:"IBM Plex Sans Arabic",var(--app-font-sans);font-size:clamp(36px,5.4vw,78px);font-weight:600;line-height:1.45;letter-spacing:0;color:#fbf6ea;text-shadow:0 0 60px rgba(232,192,106,.25)}.c4-translation{margin:4px 0 0;color:var(--c4-gold);font-size:clamp(15px,1.6vw,20px);font-weight:600}.c4-support{margin:12px auto 0;max-width:56ch;color:#cfcadf;font-size:clamp(14px,1.3vw,17px);line-height:1.9}.c4-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.c4-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;color:var(--c4-ink);background:#14102899;border:1px solid rgba(232,192,106,.45);cursor:pointer;font-size:13px;transition:background .2s,border-color .2s,color .2s}.c4-btn svg{width:15px;height:15px}.c4-btn:hover{border-color:var(--c4-gold)}.c4-btn.is-primary{color:#120e06;background:var(--c4-gold);border-color:var(--c4-gold);font-weight:600}.c4-btn.is-primary:hover{background:#f5d48a}.c4-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;width:100%}.c4-label{display:block;margin-bottom:10px;color:var(--c4-dim);font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.c4-dossier,.c4-contact{padding:16px 18px;background:#0a0916a8;border:1px solid rgba(185,156,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c4-dossier ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:0;padding:0;list-style:none}.c4-dossier li{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.c4-num{flex:none;color:var(--c4-c);font:11px var(--mono)}.c4-dossier a{display:flex;flex:1;align-items:baseline;gap:8px;min-width:0;color:var(--c4-ink);text-decoration:none}.c4-dossier a strong{min-width:0;font-size:13px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.c4-dossier a small{overflow:hidden;color:var(--c4-dim);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.c4-dossier a svg{flex:none;width:13px;height:13px;color:var(--c4-c);align-self:center}.c4-dossier a:hover strong{color:var(--c4-c)}.c4-detail,.c4-experiments button{padding:3px 8px;color:var(--c4-dim);background:none;border:1px solid rgba(255,255,255,.16);cursor:pointer;font-size:10px}.c4-detail{flex:none;white-space:nowrap}.c4-detail:hover,.c4-experiments button:hover{color:var(--c4-ink);border-color:var(--c4-gold)}.c4-experiments{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 0;color:var(--c4-dim);font-size:11px}.c4-experiments em{font-style:normal;opacity:.75}.c4-contact-missing p{margin:0 0 10px;color:#ddd8ea;font-size:13px;line-height:1.8}.c4-contact-missing code{display:inline-block;padding:4px 8px;color:var(--c4-gold);border:1px dashed rgba(232,192,106,.45);font:10px var(--mono)}.c4-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.c4-email{display:inline-block;max-width:100%;margin-bottom:12px;color:var(--c4-gold);font-size:13px;overflow-wrap:anywhere;text-underline-offset:4px}.c4-form input,.c4-form textarea{padding:9px 10px;color:var(--c4-ink);background:#ffffff0a;border:1px solid rgba(255,255,255,.16);font-size:12px}.c4-form textarea{grid-column:1 / -1;min-height:64px;resize:vertical}.c4-form button{grid-column:1 / -1;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px;color:#120e06;background:var(--c4-gold);border:0;cursor:pointer;font-weight:600}.c4-form button svg{width:14px;height:14px}.c4-form-status{grid-column:1 / -1;color:var(--c4-dim);font-size:11px}:where(:root[data-layout=phone]) .c4-hero{width:min(calc(var(--pvw) * 86),420px)}:where(:root[data-layout=phone]) .c4-portal{width:calc(var(--pvw) * 62)}:where(:root[data-layout=phone]) .c4-concept.is-mobile{left:18%;top:24%}:where(:root[data-layout=phone]) .c4-concept.is-web{left:30%;top:70%}:where(:root[data-layout=phone]) .c4-concept.is-assistant{left:70%;top:22%}:where(:root[data-layout=phone]) .c4-concept.is-platform{left:50%;top:46%}:where(:root[data-layout=phone]) .c4-concept.is-dashboard{left:72%;top:70%}:where(:root[data-layout=phone]) .c4-concept-tag{font-size:10px}:where(:root[data-layout=phone]) .c4-art-mobile{width:56px}:where(:root[data-layout=phone]) .c4-art-web,:where(:root[data-layout=phone]) .c4-art-dashboard{width:112px}:where(:root[data-layout=phone]) .c4-art-assistant{width:104px}:where(:root[data-layout=phone]) .c4-art-platform{width:86px}:where(:root[data-layout=phone]) .c4-captions{bottom:12svh}:where(:root[data-layout=phone]) .c4-final{justify-content:flex-start;gap:14px;padding:72px 18px 18px;padding-inline-end:52px;overflow-y:auto}:where(:root[data-layout=phone]) .c4-head h2{margin-top:10px;font-size:clamp(27px,calc(var(--pvw) * 8),36px);line-height:1.5}:where(:root[data-layout=phone]) .c4-support{font-size:13px;line-height:1.75;margin-top:6px}:where(:root[data-layout=phone]) .c4-actions{margin-top:12px;gap:8px}:where(:root[data-layout=phone]) .c4-btn{padding:10px 14px;font-size:12px}:where(:root[data-layout=phone]) .c4-bottom{grid-template-columns:1fr;gap:10px}:where(:root[data-layout=phone]) .c4-dossier,:where(:root[data-layout=phone]) .c4-contact{padding:12px}:where(:root[data-layout=phone]) .c4-dossier ol{grid-template-columns:1fr;gap:0}:where(:root[data-layout=phone]) .c4-dossier li{padding:5px 0}:where(:root[data-layout=phone]) .c4-dossier a small{display:none}:where(:root[data-layout=phone]) .c4-form{grid-template-columns:1fr}@media(prefers-reduced-motion:reduce){.c4{height:auto;min-height:100svh;display:flex;flex-direction:column}.c4-stage{position:absolute}.c4-hero,.c4-portal,.c4-lights,.c4-concepts{display:none}.c4-city{opacity:.45}.c4-trails{opacity:.5}.c4-trail,.c4-trail-halo{stroke-dashoffset:0}.c4-captions{position:relative;inset:auto;padding:90px 6% 0;gap:10px;pointer-events:auto}.c4-cap{grid-area:auto}.c4-final{position:relative;inset:auto;padding-top:30px;overflow:visible}}.c1{display:block;height:100svh;min-height:100svh;background:#04051a;overflow:hidden}.c1-stage{position:absolute;inset:0;perspective:1200px;overflow:hidden}.c1-plate{position:absolute;inset:-6%;background:url(/scenes/chapter-01-space-plate.jpg) center/cover no-repeat;will-change:transform}.c1-plate:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 25%,rgba(4,5,26,.82) 85%),linear-gradient(180deg,#04051a59,#04051a99)}.c1-planet-far{position:absolute;width:14vmin;aspect-ratio:1;top:12%;right:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a9b8ff,#3c2f9a 55%,#0b0a2a 80%);box-shadow:0 0 60px #786eff59;will-change:transform}.c1-asteroid{position:absolute;border-radius:42% 58% 51% 49%/55% 41% 59% 45%;background:radial-gradient(circle at 30% 30%,#4b4970,#14132a 70%);will-change:transform}.c1-ast-a{width:6vmin;height:5vmin;top:22%;left:14%}.c1-ast-b{width:3vmin;height:3.4vmin;top:66%;left:24%}.c1-ast-c{width:4vmin;height:3.4vmin;top:30%;right:9%}.c1-character{position:absolute;left:50%;bottom:0;width:min(62vh,60vw);aspect-ratio:1;margin-left:calc(min(62vh,60vw)/-2);transform-origin:50% 100%;will-change:transform}.c1-character img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 0 40px rgba(110,120,255,.4))}.c1-particles{position:absolute;left:50%;top:46%;width:0;height:0}.c1-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#cfd8ff;box-shadow:0 0 10px 2px #8296ffb3;will-change:transform,opacity}.c1-particle:nth-child(3n){background:#d6b8ff;box-shadow:0 0 10px 2px #aa78ffb3}.c1-rings{position:absolute;left:50%;top:46%;width:min(70vmin,620px);aspect-ratio:1;translate:-50% -50%}.c1-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(150,170,255,.45);transform:rotateX(70deg);box-shadow:0 0 30px #7882ff40}.c1-rings i:nth-child(2){inset:10%;transform:rotateX(70deg) rotateY(35deg);border-color:#be96ff80}.c1-rings i:nth-child(3){inset:22%;transform:rotateY(68deg);border-style:dashed}.c1-earth{position:absolute;left:50%;top:46%;width:min(48vmin,440px);aspect-ratio:1;margin:calc(min(48vmin,440px)/-2) 0 0 calc(min(48vmin,440px)/-2);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#5a82ff59,#0f1446d9 65%);box-shadow:inset -30px -20px 60px #04051ae6,0 0 80px #5a78ff73;border:1px solid rgba(160,180,255,.5)}.c1-earth-map{position:absolute;inset:0 auto 0 0;width:200%;background-image:linear-gradient(rgba(160,180,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(160,180,255,.18) 1px,transparent 1px),radial-gradient(ellipse 9% 14% at 22% 40%,rgba(150,190,255,.55),transparent 70%),radial-gradient(ellipse 12% 20% at 36% 58%,rgba(150,190,255,.45),transparent 70%),radial-gradient(ellipse 8% 10% at 74% 50%,rgba(190,160,255,.7),transparent 70%),radial-gradient(ellipse 14% 16% at 66% 38%,rgba(150,190,255,.45),transparent 70%);background-size:22px 22px,22px 22px,100% 100%,100% 100%,100% 100%,100% 100%}.c1-marker{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#e6dbff;box-shadow:0 0 0 6px #bea0ff4d,0 0 0 16px #bea0ff1f,0 0 30px #b49aff}.c1-city{position:absolute;inset:auto -5% 0;height:46%;background:linear-gradient(transparent 60%,#04051ae6),repeating-linear-gradient(90deg,rgba(20,22,70,.95) 0 34px,transparent 34px 40px,rgba(26,24,80,.95) 40px 58px,transparent 58px 70px);-webkit-mask-image:linear-gradient(90deg,#000,#000);clip-path:polygon(0 60%,4% 60%,4% 30%,8% 30%,8% 55%,13% 55%,13% 12%,16% 12%,16% 48%,22% 48%,22% 25%,27% 25%,27% 58%,33% 58%,33% 18%,36% 8%,39% 18%,39% 50%,46% 50%,46% 32%,52% 32%,52% 62%,58% 62%,58% 20%,62% 20%,62% 45%,69% 45%,69% 10%,72% 4%,75% 10%,75% 52%,82% 52%,82% 28%,88% 28%,88% 56%,94% 56%,94% 22%,100% 22%,100% 100%,0 100%);box-shadow:inset 0 0 80px #6e78ff4d}.c1-city:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 10px 10px,rgba(170,190,255,.8),transparent);background-size:18px 22px;opacity:.55}.c1-meteor{position:absolute;left:50%;top:40%;width:260px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f2ecff,rgba(160,140,255,.6) 30%,transparent);transform-origin:0 50%;rotate:-35deg;box-shadow:0 0 20px #b6a4ff}.c1-meteor:before{content:"";position:absolute;left:-6px;top:-5px;width:13px;height:13px;border-radius:50%;background:#fff6ff;box-shadow:0 0 24px 8px #beaaffcc}.c1-panel{--phone-w: 110px;--phone-h: 210px;--web-w: 240px;--web-h: 150px;--game-w: 200px;--game-h: 120px;--film-w: 250px;--film-h: 110px;position:absolute;width:170px;height:110px;translate:-50% -50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(160,180,255,.55);background:linear-gradient(140deg,#28328c73,#461e8c4d);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 40px #5a6eff33,inset 0 0 30px #8c96ff26}.c1-panel-0{left:22%;top:30%}.c1-panel-1{left:78%;top:28%}.c1-panel-2{left:24%;top:66%}.c1-panel-3{left:76%;top:66%}.c1-panel-label{font:500 11px var(--mono);letter-spacing:.2em;color:#d8deff}.c1-create{position:absolute;inset:10px;display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.c1-create i{display:block;height:6px;border-radius:3px;background:#b4beff59}.c1-create i:nth-child(2){width:70%}.c1-create i:nth-child(3){width:45%;background:#c8a0ff8c}.c1-create b{font:500 11px var(--app-font-sans);color:#eef0ff}.c1-panel-0 .c1-create i:first-child{height:46%;border-radius:14px;background:linear-gradient(160deg,#96aaff80,#7850dc66)}.c1-panel-1 .c1-create i:first-child{height:40%;background:linear-gradient(90deg,#96aaff73,#96aaff26)}.c1-panel-2 .c1-create i:first-child{height:40%;background:repeating-linear-gradient(90deg,rgba(190,160,255,.5) 0 10px,transparent 10px 18px);clip-path:polygon(0 100%,20% 30%,40% 70%,60% 10%,80% 60%,100% 100%)}.c1-panel-3 .c1-create i:first-child{height:46%;background:linear-gradient(transparent 12%,rgba(120,110,255,.5) 12% 88%,transparent 88%),repeating-linear-gradient(90deg,#0a0a24 0 6px,transparent 6px 14px)}.c1-portal{position:absolute;left:50%;top:44%;width:min(80vmin,720px);aspect-ratio:1;margin:calc(min(80vmin,720px)/-2) 0 0 calc(min(80vmin,720px)/-2);border-radius:50%;background:radial-gradient(circle,rgba(220,210,255,.55),rgba(120,110,255,.25) 35%,transparent 65%)}.c1-portal i{position:absolute;inset:14%;border-radius:50%;border:2px solid rgba(190,170,255,.7);box-shadow:0 0 50px #9682ff80,inset 0 0 50px #9682ff66}.c1-portal i:nth-child(2){inset:22%;border-style:dashed;border-color:#a0beffb3}.c1-portal i:nth-child(3){inset:6%;border-width:1px;opacity:.6}.c1-copy{position:absolute;inset:0;z-index:4;pointer-events:none}.c1-copy>*{position:absolute}.c1-intro{left:50%;bottom:9%;translate:-50% 0;text-align:center;pointer-events:auto}.c1-intro .scene-index{justify-content:center}.c1-intro p{margin:12px 0 0;color:#cdd5f5;font-size:14px}.c1-intro .scroll-cue{margin:18px auto 0}.c1-label{display:block;margin-bottom:10px;color:#a8b6ff;font:500 10px var(--mono);letter-spacing:.24em}.c1-name{left:7%;top:50%;translate:0 -50%;max-width:46%}[dir=rtl] .c1-name{text-align:right}.c1-name h1{margin:0;font:600 clamp(34px,4.6vw,70px)/1.45 "IBM Plex Sans Arabic",sans-serif;color:#f1eeff;text-shadow:0 0 30px rgba(140,130,255,.55)}.c1-name-word{display:inline-block}.c1-age{left:50%;top:46%;translate:-50% -50%;text-align:center;transform-style:preserve-3d}.c1-age strong{display:block;font:800 clamp(140px,24vw,320px)/.9 "Manrope",sans-serif;letter-spacing:-.06em;background:linear-gradient(170deg,#fff 10%,#a9b6ff 45%,#6d4fd8 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 0 rgba(60,40,160,.3);filter:drop-shadow(0 0 30px rgba(130,120,255,.45))}.c1-age-unit{display:block;margin-top:6px;font:600 clamp(24px,3vw,40px) "IBM Plex Sans Arabic",sans-serif;color:#d6ccff}.c1-loc-text{left:50%;bottom:10%;translate:-50% 0;margin:0;width:min(92vw,760px);text-align:center;font:600 clamp(18px,2.4vw,32px)/1.6 "IBM Plex Sans Arabic",sans-serif;color:#eef0ff;text-shadow:0 0 24px rgba(150,140,255,.5)}.c1-tech-title,.c1-create-title{left:50%;top:9%;translate:-50% 0;margin:0;white-space:nowrap;font:500 clamp(18px,2.2vw,28px) var(--app-font-sans);color:#e6e8ff;letter-spacing:.02em}.c1-create-title{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:#b8c2ff}.c1-passion{left:50%;top:12%;translate:-50% 0;width:min(88vw,780px);text-align:center}.c1-passion p{margin:0;font:600 clamp(24px,3.4vw,46px)/1.45 var(--app-font-sans);color:#f4f1ff;text-shadow:0 0 40px rgba(150,130,255,.6)}.c1-passion span{display:block;margin-top:10px;color:#c3cbef;font-size:14px}.c1-handoff{left:50%;bottom:8%;translate:-50% 0;width:min(480px,86vw);padding:28px 32px;border:1px solid rgba(148,164,255,.35);background:linear-gradient(125deg,#0c122be0,#120d28b8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 100px #00000073}.c1-handoff h2{margin:14px 0 4px;font-size:clamp(26px,3.4vw,42px);font-weight:500;letter-spacing:-.04em}.c1-handoff p{margin:0;color:#c2c8df;font-size:12px}.c1-progress{position:absolute;z-index:6;left:50%;bottom:22px;translate:-50% 0;display:flex;gap:14px;margin:0;padding:8px 14px 12px;list-style:none;background:#080a1e80;border:1px solid rgba(150,165,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c1-progress li{display:flex;gap:5px;align-items:baseline;color:#d2d7ff66;font:9px var(--mono);letter-spacing:.1em;transition:color .3s}.c1-progress li em{font-style:normal;display:none}.c1-progress li.is-on{color:#b9c4ff}.c1-progress li.is-current em{display:inline;color:#ece6ff}.c1-progress-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#7f95ff,#c3a2ff);transform-origin:left;transform:scaleX(var(--p, 0))}[dir=rtl] .c1-progress-bar{transform-origin:right}.c1-hint{position:absolute;z-index:5;top:30px;left:50%;translate:-50% 0;color:#cdd4ff99;font:9px var(--mono);letter-spacing:.2em}.c1 .c1-intro{bottom:90px}.c1-summary{display:none}:where(:root[data-layout=phone]) .c1-character{width:calc(var(--pvw) * 96);margin-left:-48vw}:where(:root[data-layout=phone]) .c1-name{left:6%;right:6%;top:18%;max-width:none;translate:0 0}:where(:root[data-layout=phone]) .c1-name h1{font-size:clamp(28px,calc(var(--pvw) * 8),40px)}:where(:root[data-layout=phone]) .c1-panel{--phone-w: 70px;--phone-h: 130px;--web-w: 130px;--web-h: 86px;--game-w: 116px;--game-h: 74px;--film-w: 136px;--film-h: 66px;width:110px;height:72px}:where(:root[data-layout=phone]) .c1-panel-0{left:26%;top:24%}:where(:root[data-layout=phone]) .c1-panel-1{left:74%;top:22%}:where(:root[data-layout=phone]) .c1-panel-2{left:26%;top:48%}:where(:root[data-layout=phone]) .c1-panel-3{left:74%;top:48%}:where(:root[data-layout=phone]) .c1-create b,:where(:root[data-layout=phone]) .c1-panel-label{font-size:9px}:where(:root[data-layout=phone]) .c1-progress{gap:8px;padding:6px 10px 9px;bottom:14px}:where(:root[data-layout=phone]) .c1-asteroid,:where(:root[data-layout=phone]) .c1-particle:nth-child(2n){display:none}:where(:root[data-layout=phone]) .c1-plate{background-position:40% center}:where(:root[data-layout=phone]) .c1-hint{display:none}@media(prefers-reduced-motion:reduce){.c1{height:auto;min-height:100svh;display:block;overflow:visible}.c1-stage{opacity:.35}.c1-stage>:not(.c1-plate){display:none}.c1-copy,.c1-progress,.c1-hint{display:none}.c1-summary{position:relative;z-index:3;display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:40px;align-items:center;width:min(1100px,calc(100% - 60px));margin:0 auto;padding:110px 0 80px}.c1-summary img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(150,165,255,.35)}.c1-summary h2{margin:20px 0 10px;font:600 clamp(28px,4vw,52px)/1.45 "IBM Plex Sans Arabic",sans-serif}.c1-summary p{margin:8px 0;color:#d4daf5;font-size:15px;line-height:1.8}.c1-summary p strong{font-size:40px;color:#c9b8ff}}@media(prefers-reduced-motion:reduce){:where(:root[data-layout=phone]) .c1-summary{grid-template-columns:1fr;padding-top:90px}}.c2{--serif: "Fraunces", Georgia, serif;display:block;height:100svh;min-height:100svh;background:#0c0e13;overflow:hidden;border-bottom-color:#ffd6a024}.c2:after{display:none}.c2-bgs,.c2-bg{position:absolute;inset:0}.bg-open{background:radial-gradient(ellipse at 60% 50%,#1d2140,#07080f 70%)}.bg-app{background:radial-gradient(ellipse 60% 55% at 62% 30%,rgba(242,166,90,.22),transparent 70%),linear-gradient(180deg,#1c1a20,#121116 70%,#0d0c10)}.bg-game{background:radial-gradient(ellipse at 70% 20%,rgba(227,121,75,.3),transparent 55%),linear-gradient(180deg,#24183d,#10202a 75%)}.bg-ai{background:radial-gradient(ellipse at 30% 20%,#fbf6ec,#e9e1d2 60%,#d8cdb9)}.bg-film{background:radial-gradient(ellipse at 60% 40%,rgba(255,179,92,.12),transparent 55%),linear-gradient(180deg,#061114,#030709)}.c2-bg+.c2-bg{opacity:0}.c2-layout{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:88px 128px 84px 64px}.c2-captions{position:relative;display:grid;align-items:center;min-width:0}.c2-captions>*{grid-area:1 / 1}.c2-viewport{position:relative;min-width:0;min-height:0}.c2-set{--set-w:1200px;--set-h:700px;--s:.6;position:absolute;left:50%;top:50%;width:var(--set-w);height:var(--set-h);transform:translate(-50%,-50%) scale(var(--s));transform-origin:50% 50%}.c2-scene{position:absolute;inset:0}.c2-scene>*,.c2a-rig>*{position:absolute}.c2-captions>:not(.is-caption-active){opacity:0!important;visibility:hidden!important;pointer-events:none}.c2-opening .scene-index{color:#f0e6d7cc}.c2-opening h2{margin:16px 0 12px;display:flex;flex-direction:column;gap:6px;font:600 clamp(34px,4.2vw,58px)/1.12 var(--serif);letter-spacing:-.02em;color:#f6efe4}.c2-opening h2 span[lang=ar]{font-family:IBM Plex Sans Arabic,sans-serif;font-size:.6em;font-weight:500;color:#f2c48a}.c2-opening p{margin:0;color:#cfc8bd;font-size:14px;line-height:1.9}.c2-skill{--ac:#f2a65a;padding:22px 0;padding-inline-start:20px;border-inline-start:2px solid var(--ac);color:#f3eee6}.c2-skill-game{--ac:#7ff3e1}.c2-skill-ai{--ac:#e2553a;color:#201d24}.c2-skill-film{--ac:#ffb35c}.c2-skill-tag{display:flex;gap:10px;align-items:center;font:500 10px var(--mono);letter-spacing:.14em;color:var(--ac)}[dir=rtl] .c2-skill-tag{font:600 12px var(--app-font-sans);letter-spacing:0}.c2-skill-tag b{display:grid;place-items:center;flex:0 0 34px;min-height:30px;border:1px solid currentColor;border-radius:5px;font-family:var(--mono);direction:ltr}.c2-skill h3{margin:12px 0 10px;font-size:clamp(21px,2vw,29px);line-height:1.4;font-weight:600}.c2-skill p{margin:0;font-size:13.5px;line-height:1.9;opacity:.86}.c2-skill .c2-extra{margin-top:10px;color:var(--ac);opacity:1;font-size:12.5px}.c2-skill-ai .c2-extra{color:#b8402a}.c2-steps{display:grid;gap:7px;margin:18px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}.c2-step{display:flex;gap:10px;align-items:baseline;font-size:12.5px;line-height:1.5;opacity:.38}.c2-step b{font:500 10px var(--mono);color:var(--ac)}.c2-skill-ai .c2-step b{color:#b8402a}.c2-next{position:absolute;z-index:5;left:50%;bottom:76px;translate:-50% 0;margin:0;color:#f6efe4}.c2-progress{position:absolute;z-index:6;left:50%;bottom:18px;translate:-50% 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(720px,calc(100vw - 100px));gap:6px;margin:0;padding:5px;list-style:none;background:#0c0c10d9;border:1px solid rgba(255,230,200,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.c2-progress li{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:7px 8px;min-width:0;border:1px solid rgba(255,230,200,.15);border-radius:4px;color:#f0e8dc8c;font:10px var(--mono);letter-spacing:.06em;transition:color .2s,background .2s;text-align:center}.c2-progress li>span{direction:ltr;font-weight:600}[dir=rtl] .c2-progress li em{font:600 11px var(--app-font-sans);letter-spacing:0}.c2-progress li em{font-style:normal;line-height:1.5;white-space:normal;letter-spacing:0}.c2-progress li.is-on{color:#d9cfbf}.c2-progress li.is-current{color:#1a1612;background:#f2c48a}.c2-progress-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#f2a65a,#7ff3e1,#e2553a,#ffb35c);transform-origin:left;transform:scaleX(var(--p,0))}[dir=rtl] .c2-progress-bar{transform-origin:right}.c2-summary{display:none}.c2-sim{z-index:20;inset-inline-start:14px;bottom:12px;padding:5px 10px;border:1px solid currentColor;font:500 11px var(--mono);letter-spacing:.04em;color:#ffd8a6;background:#0a0a0eb3}[dir=rtl] .c2-sim{font:600 12px var(--app-font-sans);letter-spacing:0}@media(max-width:1100px){:where(:root[data-layout=laptop]) .c2-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:76px 110px 74px 48px;gap:14px}:where(:root[data-layout=laptop]) .c2-skill{padding-block:4px}:where(:root[data-layout=laptop]) .c2-skill .c2-extra,:where(:root[data-layout=laptop]) .c2-opening p{display:none}:where(:root[data-layout=laptop]) .c2-steps{display:block;position:relative;height:22px;margin-top:8px;padding-top:8px}:where(:root[data-layout=laptop]) .c2-step{position:absolute;inset-inline:0;opacity:var(--step-active,0)!important}:where(:root[data-layout=laptop]) .c2-progress li:not(.is-current) em{display:none}}:where(:root[data-layout=phone]) .c2-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:62px 58px 58px 20px;gap:8px}:where(:root[data-layout=phone]) .c2-set{--set-w:400px;--set-h:620px}:where(:root[data-layout=phone]) .c2-opening h2{font-size:30px;margin:10px 0 6px}:where(:root[data-layout=phone]) .c2-opening p{font-size:12px;line-height:1.7}:where(:root[data-layout=phone]) .c2-skill{padding:2px 0;padding-inline-start:12px}:where(:root[data-layout=phone]) .c2-skill h3{margin:6px 0 4px;font-size:17px;line-height:1.4}:where(:root[data-layout=phone]) .c2-skill p{font-size:11.5px;line-height:1.7}:where(:root[data-layout=phone]) .c2-skill .c2-extra{display:none}:where(:root[data-layout=phone]) .c2-steps{display:block;position:relative;height:20px;margin-top:6px;padding-top:6px}:where(:root[data-layout=phone]) .c2-step{position:absolute;inset-inline:0;font-size:11.5px;opacity:var(--step-active,0)!important}:where(:root[data-layout=phone]) .c2-progress{bottom:10px;width:calc(calc(var(--pvw) * 100) - 78px);gap:8px}:where(:root[data-layout=phone]) .c2-progress li{padding:6px;min-height:30px}:where(:root[data-layout=phone]) .c2-progress li.is-current em{position:absolute;bottom:calc(100% + 6px);inset-inline:0;padding:7px 10px;border:1px solid rgba(242,196,138,.5);border-radius:4px;background:#14141c;color:#f2c48a}:where(:root[data-layout=phone]) .c2-progress li:not(.is-current) em{display:none}:where(:root[data-layout=phone]) .c2-next{bottom:58px}:where(:root[data-layout=phone]) .c2-sim{font-size:12px;inset-inline-start:8px;bottom:6px;max-width:384px}@media(prefers-reduced-motion:reduce){.c2{height:auto;overflow:visible}.c2-layout,.c2-progress,.c2-next{display:none}.c2-bg+.c2-bg{display:none}.c2-summary{position:relative;z-index:3;display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:40px;align-items:start;width:min(1100px,calc(100% - 100px));margin:0 auto;padding:100px 0 80px;color:#f3eee6}.c2-summary img{width:100%;aspect-ratio:1;object-fit:contain;position:sticky;top:40px}.c2-summary h2{margin:16px 0 24px;font:600 clamp(28px,4vw,48px) var(--serif)}.c2-summary article{margin-bottom:30px;padding-inline-start:16px;border-inline-start:2px solid #f2a65a}.c2-summary h3{margin:8px 0;font-size:22px;font-weight:600;line-height:1.5}.c2-summary p{margin:4px 0;color:#d8d0c4;font-size:14px;line-height:1.9}.c2-summary ol{margin:10px 0;padding-inline-start:20px;color:#e9dfcf;font-size:13px;line-height:1.9}.c2-summary small{color:#f2c48a;font-size:12px}.c2-summary .c2-skill-tag{color:#f2a65a}}@media(prefers-reduced-motion:reduce){:where(:root[data-layout=phone]) .c2-summary{grid-template-columns:1fr;width:calc(100% - 78px);margin:0 58px 0 20px}:where(:root[data-layout=phone]) .c2-summary img{position:static;max-width:240px}}.c2-win{overflow:hidden;border-radius:10px;background:#15161c;border:1px solid rgba(255,240,220,.14);box-shadow:0 30px 70px #00000080,0 0 0 1px #0006}.c2-winbar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#1d1e25;border-bottom:1px solid rgba(255,255,255,.06)}.c2-winbar i{width:9px;height:9px;border-radius:50%;background:#3a3b44}.c2-winbar i:first-child{background:#e2553a}.c2-winbar i:nth-child(2){background:#f2a65a}.c2-winbar i:nth-child(3){background:#5fd3c6}.c2-winbar span{margin-inline-start:12px;font:11px var(--mono);color:#a9a49b}.c2a-rig{inset:0;transform-origin:50% 70%}.c2a-room{inset:0}.c2a-room>i{position:absolute;display:block}.c2a-lamp{left:520px;top:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,120,.35),transparent 65%)}.c2a-shelf{left:520px;top:120px;width:160px;height:3px;background:#3a3236;box-shadow:0 -22px 0 -1px #2b2529,20px -10px 0 4px #4a3d3a}.c2a-plant{left:640px;top:70px;width:30px;height:48px;border-radius:50% 50% 6px 6px;background:radial-gradient(circle at 40% 30%,#4f7a5a,#22382b)}.c2a-desk{inset:575px -100px -60px;background:linear-gradient(180deg,#3a2a22,#1d1512 40%);border-top:2px solid rgba(255,190,130,.25)}.c2a-editor{left:20px;top:30px;width:470px;height:380px}.c2a-editor-body{display:flex;height:calc(100% - 30px)}.c2a-tree{width:120px;margin:0;padding:12px 10px;list-style:none;border-inline-end:1px solid rgba(255,255,255,.06);font:10.5px/2 var(--mono);color:#7d796f}.c2a-tree li.on{color:#f2c48a}.c2a-code{flex:1;margin:0;padding:10px 0;font:11.5px/20px var(--mono);color:#d6d1c6;white-space:pre;overflow:hidden}.c2a-line{display:block;height:20px;padding-right:10px}.c2a-line em{display:inline-block;width:30px;padding-right:10px;text-align:right;font-style:normal;color:#55524b}.c2a-line code{font:inherit;display:inline-block}.c2a-line.is-node{position:relative}.c2a-line.is-node:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#5fd3c647,#5fd3c60a);border-left:2px solid #5fd3c6;opacity:var(--hl, 0)}.tk-kw{color:#e98a5a;font-weight:400}.tk-str{color:#a8d68b;font-weight:400}.tk-tag{color:#5fd3c6;font-weight:400}.tk-pun{color:#8d877d;font-weight:400}.c2a-browser{left:690px;top:30px;width:490px;height:400px;background:#f4ecdf}.c2a-url{flex:1;max-width:260px;padding:3px 10px;border-radius:6px;background:#2a2b33}.c2a-viewport{position:relative;height:calc(100% - 30px);overflow:hidden}.c2a-page{font-size:10px;color:#1d2a2a;background:#f4ecdf}.c2a-sec{position:relative}.c2a-sec-nav{display:flex;align-items:center;gap:2em;height:4em;padding:0 2em;border-bottom:1px solid rgba(15,59,63,.12);font-size:1.1em}.c2a-sec-nav b{margin-inline-end:auto;font:700 1.6em var(--serif);color:#0f3b3f}.c2a-sec-nav b span,.c2a-ph-logo span{color:#c8643b}.c2a-sec-nav i{padding:.5em 1.2em;border-radius:2em;background:#0f3b3f;color:#f4ecdf;font-style:normal}.c2a-sec-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;height:23em;padding:0 2.4em;background:radial-gradient(ellipse at 80% 40%,rgba(200,100,59,.25),transparent 60%),linear-gradient(160deg,#f4ecdf,#ead9c0);overflow:hidden}.c2a-sec-hero small{font:1em var(--mono);letter-spacing:.15em;color:#c8643b}.c2a-sec-hero h4{margin:.4em 0;font:600 3.4em/1.02 var(--serif);color:#0f3b3f}.c2a-sec-hero p{margin:0 0 1.4em;font-size:1.2em;line-height:1.5;color:#3e4b48}.c2a-sec-hero i,.c2a-submit{display:inline-block;padding:.8em 1.6em;border-radius:2em;background:#c8643b;color:#fff7ec;font-style:normal;font-size:1.1em}.c2a-hero-cup{width:100%;height:20em}.c2a-sec-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4em;padding:2.4em}.c2a-sec-cards article{padding:1em;border-radius:1em;background:#fffaf2;box-shadow:0 .6em 1.6em #0f3b3f1a}.c2a-bag{display:grid;place-items:center;height:8.5em;margin-bottom:.8em;border-radius:.7em;background:#0f3b3f}.tone-b .c2a-bag,.tone-b>i{background:#c8643b}.tone-c .c2a-bag,.tone-c>i{background:#3a2a22}.c2a-bag span{font:700 1.4em var(--serif);color:#f4ecdf}.c2a-sec-cards strong{display:block;font-size:1.2em}.c2a-sec-cards small{display:block;margin:.3em 0 .6em;color:#6a716c;font-size:.95em}.c2a-sec-cards em{font:normal 500 1.05em var(--mono);color:#c8643b}.c2a-sec-form{margin:0 2.4em;padding:1.8em;border-radius:1em;background:#0f3b3f;color:#f4ecdf}.c2a-sec-form h5,.c2a-sec-dash h5{margin:0 0 1em;font:600 1.7em var(--serif)}.c2a-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-bottom:1.2em}.c2a-fields span{font:.9em var(--mono);letter-spacing:.08em;color:#9fc3bd}.c2a-fields i{display:block;margin-top:.4em;padding:.7em;border-radius:.5em;background:#f4ecdf1f;color:#f4ecdf;font:normal 1.15em var(--app-font-sans);letter-spacing:0}.c2a-sec-dash{padding:2.4em}.c2a-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.c2a-metrics span{padding:1em;border-radius:.8em;background:#fffaf2;color:#6a716c;font-size:.95em}.c2a-metrics b{display:block;font:600 1.8em var(--serif);color:#0f3b3f}.c2a-chart{display:flex;align-items:flex-end;gap:1em;height:7em;margin-top:1.2em;padding:1em;border-radius:.8em;background:#fffaf2}.c2a-chart i{flex:1;border-radius:.3em .3em 0 0;background:linear-gradient(#c8643b,#0f3b3f)}.c2a-ghosts{inset:0;pointer-events:none}.c2a-ghost{position:absolute;padding:6px 12px;border-radius:6px;font:500 13px var(--mono);color:#0d1416;background:#5fd3c6;box-shadow:0 10px 30px #5fd3c659;white-space:nowrap}.g-nav{left:720px;top:70px;--dx:-520;--dy:140}.g-hero{left:740px;top:190px;--dx:-540;--dy:40}.g-cards{left:760px;top:380px;--dx:-560;--dy:-130}.g-form{left:780px;top:400px;--dx:-580;--dy:-130}.g-dash{left:800px;top:405px;--dx:-600;--dy:-115}.c2a-phone{--w-px:130;left:860px;top:60px;width:17em;height:35em;font-size:10px;padding:.8em;border-radius:2.8em;background:#0d0d10;box-shadow:0 30px 60px #0000008c,inset 0 0 0 2px #3b3a40}.c2a-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:2.1em;background:#f4ecdf;padding:1em 1.1em;color:#1d2a2a}.c2a-ph-status{display:flex;justify-content:space-between;font:600 .95em var(--app-font-sans)}.c2a-ph-status i{width:2.2em;height:.9em;border-radius:.3em;background:#1d2a2a}.c2a-ph-logo{display:block;margin:.8em 0;font:700 1.9em var(--serif);color:#0f3b3f}.c2a-ph-hero{display:flex;align-items:center;height:9em;padding:0 .9em;border-radius:1.1em;background:linear-gradient(140deg,#0f3b3f,#1e5a5a);color:#f4ecdf;overflow:hidden}.c2a-ph-hero small{font:.75em var(--mono);color:#f2c48a}.c2a-ph-hero strong{display:block;font:600 1.4em/1.1 var(--serif)}.c2a-ph-cup{width:6em;height:8em;flex:none}.c2a-ph-row{display:flex;align-items:center;gap:.8em;margin-top:.8em;padding:.6em;border-radius:.8em;background:#fffaf2;font-size:1.05em}.c2a-ph-row>i{width:2.6em;height:2.6em;border-radius:.6em;background:#0f3b3f}.c2a-ph-row span{flex:1;font-weight:600}.c2a-ph-row small{display:block;font:400 .85em var(--mono);color:#c8643b}.c2a-ph-row em{font-style:normal;width:1.8em;height:1.8em;display:grid;place-items:center;border-radius:50%;background:#0f3b3f;color:#fff}.c2a-ph-cta{display:block;margin-top:1em;padding:.9em;text-align:center;border-radius:2em;background:#c8643b;color:#fff7ec;font-style:normal;font-weight:600}.c2a-ph-tabs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:1em;background:#fffaf2}.c2a-ph-tabs i{width:1.6em;height:1.6em;border-radius:.5em;background:#d6cab6}.c2a-ph-tabs i:first-child{background:#0f3b3f}.c2a-coder{left:400px;top:250px;width:380px;height:450px;filter:drop-shadow(0 0 30px rgba(242,166,90,.25));z-index:3}.c2a-coder-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;z-index:2}.c2a-laptop{position:absolute;right:-6%;bottom:7%;width:70%;height:58%;overflow:visible;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}.c2a-browser,.c2a-editor{z-index:2}.c2a-phone{z-index:4}.c2a-ghosts{z-index:5}.c2a-browser{--w-bx:-40;--w-by:0;--w-bs:.86}.c2g-view{left:0;top:0;width:1200px;height:700px;overflow:hidden;transform-origin:0 0;z-index:2;background:#0b1220;--portal: inset(30px 20px 270px 690px);--pull-s:.6;--pull-x:220;--pull-y:60}.c2g-view>*{position:absolute}.c2g-sky{inset:0;background:linear-gradient(180deg,#0a1428,#12233a 60%,#0b1220)}.c2g-sky-day{inset:0;background:linear-gradient(180deg,#2b1e4a,#8b3e5a 38%,#e3794b 62%,#f2b36b 75%);opacity:0}.c2g-sun{right:18%;top:16%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#fff1cf,#f6a85c 45%,transparent 70%);opacity:0}.c2g-far{left:-10%;right:-10%;bottom:36%;height:30%;background:linear-gradient(180deg,#5b3b6a,#3a2b54);clip-path:polygon(0 100%,0 60%,8% 30%,16% 55%,26% 12%,36% 50%,46% 28%,58% 60%,66% 20%,76% 46%,86% 18%,94% 40%,100% 30%,100% 100%)}.c2g-mid{left:-10%;right:-10%;bottom:28%;height:22%;background:linear-gradient(180deg,#2f6b62,#1b3f43);clip-path:polygon(0 100%,0 50%,12% 30%,24% 52%,38% 22%,52% 48%,64% 26%,78% 50%,90% 30%,100% 44%,100% 100%)}.c2g-floor{left:-30%;right:-30%;bottom:-12%;height:50%;transform:perspective(700px) rotateX(60deg);transform-origin:50% 100%}.c2g-floor>*{position:absolute;inset:0}.c2g-ground{background:linear-gradient(180deg,#2c5f52,#183a33);opacity:0}.c2g-grid{background-image:linear-gradient(rgba(127,243,225,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(127,243,225,.7) 1px,transparent 1px);background-size:60px 60px}.c2g-objs{inset:0}.c2g-obj{position:absolute;border:2px dashed #7ff3e1;background:repeating-linear-gradient(45deg,rgba(127,243,225,.18) 0 1px,transparent 1px 14px)}.c2g-fill{position:absolute;inset:-2px;opacity:0;border-radius:inherit}.o-tower{left:12%;bottom:30%;width:70px;height:210px;border-radius:6px 6px 0 0}.o-tower .c2g-fill{background:linear-gradient(90deg,#d9c3a0,#f4e3c4 40%,#9a7f5d);box-shadow:inset 0 18px #c8643b}.o-arch{left:60%;bottom:28%;width:150px;height:120px;border-radius:75px 75px 0 0}.o-arch .c2g-fill{background:radial-gradient(ellipse 35% 55% at 50% 100%,#2b1e3a 98%,transparent 100%),linear-gradient(180deg,#c9a37a,#8a6646)}.o-crate{left:34%;bottom:16%;width:64px;height:64px}.o-crate .c2g-fill{background:linear-gradient(45deg,transparent 46%,#6b4a2e 46% 54%,transparent 54%),#a77a4c;box-shadow:inset 0 0 0 5px #6b4a2e}.o-tree{left:78%;bottom:22%;width:70px;height:140px;border-radius:50% 50% 12% 12%}.o-tree .c2g-fill{background:radial-gradient(circle at 40% 30%,#6fae6a,#2b5e3f 70%)}.o-tree2{left:24%;bottom:26%;width:50px;height:100px;border-radius:50% 50% 12% 12%}.o-tree2 .c2g-fill{background:radial-gradient(circle at 40% 30%,#6fae6a,#2b5e3f 70%)}.o-beacon{left:88%;bottom:34%;width:26px;height:84px;border-radius:13px}.o-beacon .c2g-fill{background:linear-gradient(#fff1cf,#f6a85c);box-shadow:0 0 40px 10px #f6a85c99}.c2g-labels{inset:0}.c2g-labels span{position:absolute;padding:4px 8px;font:12px var(--mono);color:#0b1220;background:#7ff3e1}.c2g-labels span:nth-child(1){left:42%;bottom:12%}.c2g-labels span:nth-child(2){left:15%;bottom:62%}.c2g-labels span:nth-child(3){left:52%;bottom:56%}.c2g-player{left:42%;bottom:4%;width:230px;height:340px;z-index:3}.c2g-player img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 0 20px rgba(246,168,92,.35))}.c2g-ring{position:absolute;left:15%;right:15%;bottom:-6px;height:26px;border-radius:50%;border:2px solid #7ff3e1;background:radial-gradient(ellipse,rgba(0,0,0,.4),transparent 70%)}.c2g-hud{inset:0;z-index:4;font:12px var(--mono);color:#fff4e2}.c2g-hud>*{position:absolute}.c2g-hp{left:24px;top:22px;display:flex;gap:10px;align-items:center}.c2g-hp i{width:150px;height:8px;background:linear-gradient(90deg,#e2553a 74%,#fff3 74%)}.c2g-quest{right:24px;top:20px;padding:8px 12px;border-left:2px solid #f6a85c;background:#0a0a148c;font-size:13px}.c2g-quest small{display:block;color:#f6a85c;font-size:10px;letter-spacing:.2em}.c2g-map{right:24px;bottom:22px;width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,244,226,.6);background:radial-gradient(circle,#2f6b62cc,#0a141ecc)}.c2g-map i{position:absolute;left:46%;top:46%;width:9px;height:9px;background:#f6a85c;clip-path:polygon(50% 0,100% 100%,0 100%)}.c2g-map b{position:absolute;right:22%;top:24%;width:7px;height:7px;border-radius:50%;background:#fff1cf}.c2g-keys{left:24px;bottom:24px;display:flex;gap:5px}.c2g-keys i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,244,226,.6);font-style:normal;background:#0a0a1480}.c2g-editor{inset:0;background:#1e1f24;border-radius:8px;overflow:hidden;font:11px var(--mono);color:#c9c6bf;box-shadow:0 30px 80px #0009}.c2g-editor>*{position:absolute}.c2g-editor h6{margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);font:600 11px var(--app-font-sans);color:#e9e5dc}.c2g-toolbar{left:0;right:0;top:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#16171b;border-bottom:1px solid #000}.c2g-menu{color:#8f8b83;white-space:pre}.c2g-proj{color:#8f8b83}.c2g-controls{display:flex;gap:2px}.c2g-controls i{position:relative;width:30px;height:22px;background:#2c2d33}.c2g-play:before{content:"";position:absolute;left:11px;top:6px;border-left:9px solid #d9d6cf;border-block:5px solid transparent}.c2g-play b{position:absolute;inset:0;background:#2f7fd6;opacity:0}.c2g-play b:after{content:"";position:absolute;left:11px;top:6px;border-left:9px solid #fff;border-block:5px solid transparent}.c2g-pause:before{content:"";position:absolute;left:11px;top:6px;width:3px;height:10px;background:#d9d6cf;box-shadow:5px 0 #d9d6cf}.c2g-step:before{content:"";position:absolute;left:10px;top:6px;border-left:7px solid #d9d6cf;border-block:5px solid transparent;box-shadow:9px 0 0 -0px #d9d6cf}.c2g-tabs{left:220px;width:720px;top:36px;height:24px;display:flex;align-items:center;gap:2px;background:#191a1e}.c2g-tabs span{padding:4px 12px;color:#8f8b83}.c2g-tabs span.on{color:#fff;background:#26272d}.c2g-tabs em{margin-inline-start:auto;padding-right:10px;font-style:normal;color:#6f6b64}.c2g-hier{left:0;top:36px;bottom:0;width:220px;padding:12px;background:#202127;border-right:1px solid #000;display:flex;flex-direction:column;gap:7px;white-space:pre}.c2g-sel{position:relative;color:#fff}.c2g-sel:before{content:"";position:absolute;inset:-3px -12px;background:#2f5d9a;z-index:-1;opacity:var(--on, 0)}.c2g-insp{right:0;top:36px;bottom:0;width:260px;padding:12px;background:#202127;border-left:1px solid #000}.c2g-insp strong{display:block;margin-bottom:10px;font:600 13px var(--app-font-sans);color:#fff}.c2g-comp{margin-bottom:10px;padding:8px;background:#26272d;border-radius:4px}.c2g-comp b{display:block;margin-bottom:6px;color:#e9e5dc;font-weight:500}.c2g-comp span{display:flex;align-items:center;gap:4px;margin-top:5px;color:#8f8b83}.c2g-comp span i{margin-inline-start:auto;padding:2px 5px;min-width:38px;font-style:normal;color:#e9e5dc;background:#17181c}.c2g-comp span i+i{margin-inline-start:0}.c2g-comp i.w{min-width:80px}.c2g-state{color:#7ff3e1!important}.c2g-console{left:220px;width:720px;top:486px;bottom:0;padding:12px;background:#1a1b20;border-top:1px solid #000;display:flex;flex-direction:column;gap:6px}.c2g-console span{color:#a9d2a0}.c2g-console span:before{content:"› ";color:#6f6b64}.c2-ai{background:#f7f2e9;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #3c281440,0 0 0 1px #1e140a14;color:#1d1c24}.c2-ai small{font:500 10px var(--mono);letter-spacing:.14em;color:#8b8173}[dir=rtl] .c2-ai small{font:600 11px var(--app-font-sans);letter-spacing:0}.c2i-top{left:0;right:0;top:0;height:40px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #e5dccc;background:#fbf8f2}.c2i-top b{font:700 14px var(--serif)}.c2i-top span{font-size:12px;color:#7a7064}.c2i-badge{margin-inline-start:auto;padding:3px 9px;border:1px solid #e2553a;border-radius:20px;color:#b8402a;font:normal 600 11px var(--app-font-sans)}.c2i-brief{left:16px;top:56px;width:260px;height:628px;padding:16px;border-radius:12px;background:#fffdf8;border:1px solid #e9e0d0}.c2i-client{display:flex;gap:10px;align-items:center;margin:14px 0}.c2i-client i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#0f3b3f;color:#f4ecdf;font:normal 600 12px var(--mono)}.c2i-client span{font-weight:600;font-size:13px}.c2i-client small{display:block;letter-spacing:0}.c2i-msg{margin:0;padding:12px;border-radius:4px 12px 12px;background:#f1e7d6;font-size:13px;line-height:1.8}.c2i-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.c2i-attach span{padding:4px 8px;border:1px dashed #c9bba5;border-radius:6px;font:10.5px var(--mono);color:#6c6255}.c2i-prompt{left:296px;top:56px;width:588px;height:116px;padding:14px 16px;border-radius:12px;background:#1d1c24;color:#f4ecdf}.c2i-prompt small{color:#e2a07f}.c2i-prompt-text{margin:6px 0 0;padding-inline-end:90px;font-size:12.5px;line-height:1.65;min-height:3em}.c2i-prompt-text:after{content:"";display:inline-block;width:7px;height:14px;margin-inline-start:2px;vertical-align:-2px;background:#e2553a}.c2i-gen{position:absolute;inset-inline-end:14px;bottom:14px;padding:7px 14px;border-radius:20px;background:#e2553a;color:#fff;font-style:normal;font-weight:600;font-size:12px}.c2i-tools{left:904px;top:56px;width:280px;height:300px;padding:16px;border-radius:12px;background:#fffdf8;border:1px solid #e9e0d0;display:flex;flex-direction:column;gap:8px}.c2i-tool{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid #e5dccc;font-size:13px;overflow:hidden}.c2i-tool i{width:14px;height:14px;border-radius:50%;border:2px solid #c9bba5}.c2i-tool:after{content:"";position:absolute;inset:0;border:2px solid #e2553a;border-radius:8px;background:#e2553b14;opacity:var(--on, 0)}.c2i-status{left:296px;top:184px;width:588px;height:30px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#efe6d6;overflow:hidden;font-size:12px}.c2i-bar{position:absolute;inset:0;background:linear-gradient(90deg,#e2553b40,#e2553b80);transform-origin:left}[dir=rtl] .c2i-bar{transform-origin:right}.c2i-st{position:absolute;inset-inline-start:12px;font-weight:600}.c2i-thumbs{left:296px;top:226px;width:588px;height:230px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.c2i-thumb{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #3c281426}.c2i-thumb:after{content:"";position:absolute;inset:0;border:3px solid #e2553a;border-radius:8px;opacity:var(--on, 0)}.c2i-notes{left:296px;top:470px;width:588px;display:flex;gap:8px}.c2i-notes span{padding:6px 12px;border-radius:20px;background:#1d1c24;color:#f4ecdf;font-size:12px}.c2i-notes span:last-child{background:#e2553a}.c2i-poster{left:300px;top:186px;width:280px;height:350px;border-radius:6px;overflow:hidden;box-shadow:0 24px 60px #3c281459;transform-origin:50% 50%}.c2i-out{border-radius:6px;overflow:hidden;box-shadow:0 12px 30px #3c281440;background:#1d1c24}.c2i-out small{position:absolute;left:6px;bottom:6px;padding:2px 6px;border-radius:4px;background:#fffaf0e6;color:#1d1c24;letter-spacing:.04em;font-size:9px}.c2i-story{left:600px;top:190px;width:110px;height:196px}.c2i-square{left:726px;top:190px;width:158px;height:158px}.c2i-video{left:600px;top:470px;width:284px;height:160px}.c2i-video-img{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 38%,rgba(255,190,110,.85),transparent 30%),linear-gradient(180deg,#3a2a52,#b55a3e 55%,#1b3f43 56%,#0e2226)}.c2i-video i{position:absolute;right:8px;top:8px;font:normal 10px var(--mono);color:#fff}.c2-poster{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#f2b36b,#e3794b 42%,#1b3f43 64%,#0e2226);container-type:inline-size}.c2-poster.pv-0{filter:hue-rotate(-20deg) saturate(.8)}.c2-poster.pv-2{background:linear-gradient(180deg,#f4ecdf,#e9d6b8 55%,#0f3b3f 56%)}.c2-poster.pv-3{background:linear-gradient(180deg,#2b1e4a,#8b3e5a 50%,#1b3f43 64%)}.c2-poster-sun{position:absolute;left:50%;top:22%;width:62%;aspect-ratio:1;margin-left:-31%;border-radius:50%;background:radial-gradient(circle,#fff1cf,rgba(255,210,150,.6) 45%,transparent 70%)}.c2-poster-sea{position:absolute;left:0;right:0;top:62%;height:3%;background:repeating-linear-gradient(90deg,rgba(255,230,190,.6) 0 8%,transparent 8% 14%)}.c2-poster-cup{position:absolute;left:50%;bottom:18%;width:52%;height:auto;margin-left:-26%;filter:drop-shadow(0 6cqw 8cqw rgba(0,0,0,.4))}.c2-poster-type{position:absolute;inset:6% 0 4%;text-align:center;color:#fff6e8}.c2-poster-brand{display:block;font:600 4cqw var(--mono);letter-spacing:.3em;opacity:.85}.c2-poster-type strong{display:block;margin-top:3cqw;font:700 12cqw/1.1 IBM Plex Sans Arabic,sans-serif}.c2-poster-type em{display:block;font:italic 500 8.5cqw/1 var(--serif)}.c2-poster-type small{position:absolute;left:0;right:0;bottom:0;font:500 3.6cqw var(--mono);letter-spacing:.14em;color:#f4ecdf}.c2-poster.pv-2 .c2-poster-type{color:#0f3b3f}.c2f-ws{inset:0;background:#0d1215;border-radius:8px;overflow:hidden;font:11px var(--mono);color:#c7ccc8;box-shadow:0 30px 80px #0009}.c2f-ws>*{position:absolute}.c2f-ws h6{margin:0 0 8px;font:600 11px var(--app-font-sans);color:#e9e5dc}.c2f-top{left:0;right:0;top:0;height:36px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#080b0d;border-bottom:1px solid #000}.c2f-top b{color:#ffb35c;letter-spacing:.2em}.c2f-top em{margin-inline-start:auto;font-style:normal;color:#6c7470}.c2f-bin{left:10px;top:46px;width:290px;height:352px;padding:10px;background:#12181b;border-radius:6px;display:flex;flex-direction:column;gap:7px}.c2f-shot{display:flex;gap:10px;align-items:center}.c2f-shot i{width:84px;height:36px;flex:none;border-radius:3px}.c2f-shot span{color:#9aa29e;font-size:10px}.s1 i,.c2f-clip.s1,.sb-0 i{background:linear-gradient(180deg,#3a2a52,#b55a3e 55%,#1b3f43 56%)}.s2 i,.c2f-clip.s2,.sb-1 i{background:radial-gradient(circle at 50% 60%,#8a4a22 22%,transparent 24%),linear-gradient(#2a1a12,#5a3420)}.s3 i,.c2f-clip.s3,.sb-2 i{background:linear-gradient(90deg,#12161a 40%,#ffb35c 40% 52%,#3a2418 52%)}.s4 i,.c2f-clip.s4,.sb-3 i{background:repeating-linear-gradient(90deg,#ffcf8a 0 3px,transparent 3px 22px) 0 60%/100% 10% no-repeat,linear-gradient(#0b1a2a,#1b3f43)}.s5 i,.c2f-clip.s5,.sb-4 i{background:linear-gradient(#0a0a0a,#1a1410);box-shadow:inset 0 0 0 30px #0003}.c2f-board{left:10px;right:10px;top:408px;height:96px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.c2f-sb{padding:6px;background:#f1eadb;border-radius:3px;color:#2a2622}.c2f-sb i{display:block;height:56px;filter:grayscale(1) contrast(1.4);opacity:.75}.c2f-sb span{display:block;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c2f-tl{inset:512px 10px 10px;padding:8px 10px 10px 44px;background:#12181b;border-radius:6px}.c2f-ruler{display:flex;justify-content:space-between;height:18px;color:#6c7470;font-size:9px;border-bottom:1px solid #222a2e}.c2f-track{position:relative;display:flex;gap:0;height:36px;margin-top:8px}.c2f-track em{position:absolute;left:-36px;top:10px;font-style:normal;color:#6c7470}.c2f-track.v2{height:22px}.c2f-title-clip{width:16%;margin-left:80%;border-radius:3px;background:#5b4a8a;color:#fff;font-size:9px;padding:4px}.c2f-clip{flex:1;margin-right:3px;border-radius:3px;border:1px solid rgba(255,255,255,.25)}.c2f-tr{position:absolute;top:10px;width:14px;height:14px;margin-left:-8px;background:#ffb35c;transform:rotate(45deg)}.tr-0{left:20%}.tr-1{left:40%}.tr-2{left:60%}.tr-3{left:80%}.c2f-wave{flex:1;height:28px;margin-top:4px;background:repeating-linear-gradient(90deg,rgba(95,211,198,.7) 0 2px,transparent 2px 5px);-webkit-mask:radial-gradient(ellipse 60% 50%,#000 40%,rgba(0,0,0,.35));mask:radial-gradient(ellipse 60% 50%,#000 40%,rgba(0,0,0,.35))}.c2f-head{position:absolute;left:44px;top:4px;bottom:4px;width:2px;background:#e2553a;box-shadow:0 0 10px #e2553a;--track:1126}.c2f-frame{left:0;top:0;width:1200px;height:700px;overflow:hidden;transform-origin:0 0;z-index:3;background:#05090b;--portal: inset(470px 316px 70px 600px);--mon-s:.5;--mon-x:455;--mon-y:48}.c2f-frame>*,.c2f-cam>*{position:absolute}.c2f-cam{inset:-4%;transform-origin:50% 60%}.c2f-sky{inset:0;background:linear-gradient(180deg,#1c1736,#5a2f4a 35%,#b55a3e 55%,#e8995a 62%)}.c2f-sea{left:0;right:0;bottom:22%;height:20%;background:linear-gradient(180deg,#1b3f43,#0b1d20)}.c2f-sea:after{content:"";position:absolute;inset:0 0 auto;height:30%;background:repeating-linear-gradient(90deg,rgba(255,200,130,.5) 0 30px,transparent 30px 70px);filter:blur(2px)}.c2f-fort{left:8%;bottom:41%;width:30%;height:16%;background:#1a1220;clip-path:polygon(0 100%,0 50%,6% 50%,6% 30%,12% 30%,12% 50%,30% 50%,34% 0,40% 0,44% 50%,70% 50%,72% 35%,80% 35%,82% 50%,100% 50%,100% 100%)}.c2f-wall{right:-4%;top:0;bottom:0;width:44%;background:linear-gradient(90deg,#120c0a,#2a1a14 30%,#1a110d)}.c2f-wall>i{position:absolute;display:block}.c2f-window{left:16%;top:30%;width:52%;height:42%;background:radial-gradient(ellipse at 50% 60%,#ffd18a,#e88a3a 60%,#8a3e1a);box-shadow:0 0 120px 30px #ffaa5a73}.c2f-sign{left:20%;top:16%;font: 700 46px IBM Plex Sans Arabic,sans-serif;color:#ffcf8a;text-shadow:0 0 24px #ffb35c}.c2f-lamp{left:80%;top:24%;width:20px;height:30px;border-radius:40% 40% 10px 10px;background:#ffe0a8;box-shadow:0 0 60px 20px #ffbe6e8c}.c2f-haze{inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(255,190,130,.25),transparent 55%),linear-gradient(0deg,rgba(200,170,160,.18),transparent 50%)}.c2f-actor{left:26%;bottom:0;width:48%;height:92%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(-18px 0 30px rgba(255,170,90,.35)) contrast(1.05)}.c2f-rain{inset:-20% 0 0;background:repeating-linear-gradient(100deg,transparent 0 22px,rgba(220,230,255,.12) 22px 23px)}.c2f-bokeh{inset:0}.c2f-bokeh i{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,200,130,.5),transparent 70%);filter:blur(4px)}.c2f-bokeh i:nth-child(1){left:4%;bottom:6%;width:140px;height:140px}.c2f-bokeh i:nth-child(2){left:14%;bottom:30%;width:70px;height:70px}.c2f-bokeh i:nth-child(3){right:6%;bottom:10%;width:180px;height:180px}.c2f-bokeh i:nth-child(4){right:30%;top:10%;width:50px;height:50px}.c2f-alt{inset:0;opacity:0}.alt-cup{display:grid;place-items:center;background:radial-gradient(ellipse at 60% 40%,#6a3a1e,#1a0e08 70%)}.alt-cup svg{width:34%;height:80%}.alt-wide{background:repeating-linear-gradient(90deg,#ffcf8a 0 4px,transparent 4px 46px) 0 58%/100% 4% no-repeat,radial-gradient(ellipse at 50% 100%,rgba(255,170,90,.35),transparent 50%),linear-gradient(180deg,#08142a,#1b3f43 60%,#061012)}.alt-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 50%,#2a1810,#050505 70%);color:#ffe2b0}.alt-title span{font:500 90px var(--serif);letter-spacing:.3em}.alt-title small{font:600 34px IBM Plex Sans Arabic,sans-serif;color:#ffb35c}.c2f-bars i{position:absolute;left:0;right:0;height:11%;background:#000}.c2f-bars i:first-child{top:0}.c2f-bars i:last-child{bottom:0}.c2f-bars{inset:0}.c2f-hud{left:30px;right:30px;top:13%;display:flex;justify-content:space-between;font:14px var(--mono);color:#ffe2b0}.c2f-rec{color:#ff6a50}.c2f-frozen{padding:2px 8px;background:#ffb35c;color:#140c06;opacity:0}.c2f-flash{inset:0;background:#fff7ea;opacity:0}.c2f-portal{left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px;border-radius:50%;z-index:6;background:radial-gradient(circle,rgba(255,220,160,.5),rgba(226,85,59,.18) 45%,transparent 68%)}.c2f-portal i{position:absolute;inset:14%;border-radius:50%;border:2px solid rgba(255,190,110,.7);box-shadow:0 0 50px #ffaa5a66,inset 0 0 40px #ffaa5a4d}.c2f-portal i:nth-child(2){inset:24%;border-style:dashed}.c2f-portal i:nth-child(3){inset:4%;border-color:#7ff3e159}.c2-sim{z-index:20}:where(:root[data-layout=phone]) .c2a-lamp{left:100px}:where(:root[data-layout=phone]) .c2a-shelf,:where(:root[data-layout=phone]) .c2a-plant{display:none}:where(:root[data-layout=phone]) .c2a-desk{top:540px}:where(:root[data-layout=phone]) .c2a-editor{left:10px;top:0;width:380px;height:240px}:where(:root[data-layout=phone]) .c2a-tree{display:none}:where(:root[data-layout=phone]) .c2a-code{padding:8px 0;font-size:10.5px;line-height:16px}:where(:root[data-layout=phone]) .c2a-line{height:16px}:where(:root[data-layout=phone]) .c2a-line em{width:24px;padding-right:8px}:where(:root[data-layout=phone]) .c2-winbar{height:26px}:where(:root[data-layout=phone]) .c2a-editor-body,:where(:root[data-layout=phone]) .c2a-viewport{height:calc(100% - 26px)}:where(:root[data-layout=phone]) .c2a-browser{left:10px;top:250px;width:380px;height:170px;--w-bx:85;--w-by:-40;--w-bs:.55}:where(:root[data-layout=phone]) .c2a-page{font-size:7.8px}:where(:root[data-layout=phone]) .g-nav{left:60px;top:280px;--dx:-14;--dy:-134}:where(:root[data-layout=phone]) .g-hero{left:80px;top:320px;--dx:-34;--dy:-158}:where(:root[data-layout=phone]) .g-cards{left:90px;top:380px;--dx:-44;--dy:-202}:where(:root[data-layout=phone]) .g-form{left:100px;top:395px;--dx:-54;--dy:-201}:where(:root[data-layout=phone]) .g-dash{left:110px;top:400px;--dx:-64;--dy:-190}:where(:root[data-layout=phone]) .c2a-ghost{font-size:12px;padding:5px 9px}:where(:root[data-layout=phone]) .c2a-phone{--w-px:0;left:20px;top:250px;font-size:8.6px}:where(:root[data-layout=phone]) .c2a-coder{left:auto;right:60px;top:400px;width:230px;height:220px}:where(:root[data-layout=phone]) .c2g-view{width:400px;height:620px;--portal: inset(250px 10px 200px 10px);--pull-s:.4;--pull-x:120;--pull-y:58}:where(:root[data-layout=phone]) .c2g-floor{left:-60%;right:-60%}:where(:root[data-layout=phone]) .o-tower{left:6%;width:44px;height:140px}:where(:root[data-layout=phone]) .o-arch{left:58%;width:100px;height:80px}:where(:root[data-layout=phone]) .o-crate{left:20%;width:40px;height:40px}:where(:root[data-layout=phone]) .o-tree{left:76%;width:50px;height:96px}:where(:root[data-layout=phone]) .o-tree2{display:none}:where(:root[data-layout=phone]) .o-beacon{left:88%;width:18px;height:56px}:where(:root[data-layout=phone]) .c2g-labels span{font-size:11px}:where(:root[data-layout=phone]) .c2g-labels span:nth-child(1){left:30%}:where(:root[data-layout=phone]) .c2g-labels span:nth-child(3){left:40%}:where(:root[data-layout=phone]) .c2g-player{left:28%;width:170px;height:260px}:where(:root[data-layout=phone]) .c2g-hp i{width:80px}:where(:root[data-layout=phone]) .c2g-quest{top:52px;right:12px;font-size:12px}:where(:root[data-layout=phone]) .c2g-hp{left:12px}:where(:root[data-layout=phone]) .c2g-map{width:64px;height:64px;right:12px}:where(:root[data-layout=phone]) .c2g-keys{left:12px}:where(:root[data-layout=phone]) .c2g-toolbar{height:30px}:where(:root[data-layout=phone]) .c2g-menu,:where(:root[data-layout=phone]) .c2g-proj{display:none}:where(:root[data-layout=phone]) .c2g-controls{margin:auto}:where(:root[data-layout=phone]) .c2g-tabs{left:0;width:400px;top:30px;height:24px}:where(:root[data-layout=phone]) .c2g-tabs em{display:none}:where(:root[data-layout=phone]) .c2g-hier{top:314px;bottom:auto;height:186px;width:200px;gap:5px;font-size:10px}:where(:root[data-layout=phone]) .c2g-insp{top:314px;bottom:auto;height:186px;width:200px;font-size:9.5px;overflow:hidden}:where(:root[data-layout=phone]) .c2g-comp:nth-of-type(3){display:none}:where(:root[data-layout=phone]) .c2g-console{left:0;width:400px;top:506px;font-size:10px}:where(:root[data-layout=phone]) .c2i-top span{display:none}:where(:root[data-layout=phone]) .c2i-badge{font-size:10px}:where(:root[data-layout=phone]) .c2i-top{height:34px}:where(:root[data-layout=phone]) .c2i-brief{left:10px;top:40px;width:380px;height:128px;padding:10px}:where(:root[data-layout=phone]) .c2i-brief>small,:where(:root[data-layout=phone]) .c2i-attach{display:none}:where(:root[data-layout=phone]) .c2i-client{margin:0 0 6px}:where(:root[data-layout=phone]) .c2i-client i{width:28px;height:28px}:where(:root[data-layout=phone]) .c2i-msg{padding:8px;font-size:11.5px;line-height:1.6}:where(:root[data-layout=phone]) .c2i-prompt{left:10px;top:174px;width:380px;height:112px;padding:10px 12px}:where(:root[data-layout=phone]) .c2i-prompt-text{font-size:11px;line-height:1.55;padding-inline-end:0}:where(:root[data-layout=phone]) .c2i-gen{bottom:8px;padding:5px 10px;font-size:11px}:where(:root[data-layout=phone]) .c2i-tools{left:10px;top:292px;width:380px;height:44px;padding:6px;flex-direction:row;gap:4px}:where(:root[data-layout=phone]) .c2i-tools>small{display:none}:where(:root[data-layout=phone]) .c2i-tool{flex:1;padding:4px 5px;font-size:10px;gap:4px}:where(:root[data-layout=phone]) .c2i-tool i{display:none}:where(:root[data-layout=phone]) .c2i-status{left:10px;top:342px;width:380px;height:24px;font-size:11px}:where(:root[data-layout=phone]) .c2i-thumbs{left:10px;top:372px;width:380px;height:120px;gap:8px}:where(:root[data-layout=phone]) .c2i-notes{left:10px;top:500px;width:380px;gap:5px}:where(:root[data-layout=phone]) .c2i-notes span{font-size:10.5px;padding:5px 8px}:where(:root[data-layout=phone]) .c2i-poster{left:14px;top:346px;width:200px;height:250px}:where(:root[data-layout=phone]) .c2i-story{left:226px;top:346px;width:76px;height:135px}:where(:root[data-layout=phone]) .c2i-square{left:310px;top:346px;width:80px;height:80px}:where(:root[data-layout=phone]) .c2i-video{left:226px;top:490px;width:164px;height:104px}:where(:root[data-layout=phone]) .c2f-frame{width:400px;height:620px;--portal: inset(490px 10px 26px 226px);--mon-s:.5;--mon-x:100;--mon-y:36}:where(:root[data-layout=phone]) .c2f-top{height:30px}:where(:root[data-layout=phone]) .c2f-top span{display:none}:where(:root[data-layout=phone]) .c2f-bin{left:10px;top:352px;width:380px;height:60px;padding:6px;flex-direction:row}:where(:root[data-layout=phone]) .c2f-bin h6,:where(:root[data-layout=phone]) .c2f-shot span{display:none}:where(:root[data-layout=phone]) .c2f-shot i{width:66px;height:46px}:where(:root[data-layout=phone]) .c2f-board{display:none}:where(:root[data-layout=phone]) .c2f-tl{top:420px;padding-left:34px}:where(:root[data-layout=phone]) .c2f-track em{left:-28px}:where(:root[data-layout=phone]) .c2f-head{left:34px;--track:336}:where(:root[data-layout=phone]) .c2f-wall{width:66%;right:-20%}:where(:root[data-layout=phone]) .c2f-sign{font-size:30px}:where(:root[data-layout=phone]) .c2f-actor{left:0;width:90%;height:74%}:where(:root[data-layout=phone]) .c2f-fort{width:60%}:where(:root[data-layout=phone]) .c2f-hud{top:12%;left:14px;right:14px;font-size:12px;flex-wrap:wrap;gap:6px}:where(:root[data-layout=phone]) .alt-title span{font-size:44px}:where(:root[data-layout=phone]) .alt-title small{font-size:24px}:where(:root[data-layout=phone]) .alt-cup svg{width:60%;height:60%}:where(:root[data-layout=phone]) .c2f-portal{width:380px;height:380px;margin:-190px 0 0 -190px}.cp{--cp-gold: #e2b04a;--cp-gold-soft: #f3d38a;--cp-ink: #f5ecd9;--cp-dim: #b9a888;--cp-black: #0b0806;display:block;height:100svh;min-height:560px;background:var(--cp-black);color:var(--cp-ink);border-bottom-color:#e2b04a40}.cp:after{display:none}.cp .scene-index{color:var(--cp-dim)}.cp .scene-index span{color:var(--cp-gold)}.cp .scene-index i{background:var(--cp-gold)}.cp-stage{position:absolute;inset:0;perspective:1200px;overflow:hidden}.cp-void{position:absolute;inset:0;background:radial-gradient(ellipse at 62% 46%,rgba(226,176,74,.16),transparent 38%),radial-gradient(ellipse at 20% 90%,rgba(120,70,20,.18),transparent 45%),linear-gradient(160deg,#120d08,#070504 70%)}.cp-cafe{position:absolute;inset:0;transform-origin:58% 50%;will-change:transform,opacity}.cp-cafe img{width:100%;height:100%;object-fit:cover}.cp-cafe-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,transparent 30%,rgba(8,6,4,.88) 85%),linear-gradient(90deg,rgba(8,6,4,.8),transparent 50%)}[dir=rtl] .cp-cafe-vignette{background:radial-gradient(ellipse at 40% 50%,transparent 30%,rgba(8,6,4,.88) 85%),linear-gradient(270deg,rgba(8,6,4,.8),transparent 50%)}.cp-hero{position:absolute;margin:0;inset:6% 6% 0 auto;width:min(46vw,640px);display:flex;align-items:flex-end;justify-content:center;will-change:transform,opacity}[dir=rtl] .cp-hero{inset:6% auto 0 6%}.cp-hero>img{width:100%;max-height:94svh;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 60px rgba(226,176,74,.18)) brightness(.88) sepia(.12)}.cp-bean{position:absolute;left:50%;top:58%;width:clamp(90px,11vw,150px);aspect-ratio:200 / 260;margin-left:calc(clamp(90px,11vw,150px)/-2);filter:drop-shadow(0 0 34px rgba(242,196,92,.55));animation:cp-float 4.5s ease-in-out infinite alternate}.cp-half{position:absolute;inset:0;width:100%;height:100%}.cp-half-a{clip-path:polygon(0 0,52% 0,46% 30%,54% 62%,50% 100%,0 100%)}.cp-half-b{clip-path:polygon(52% 0,100% 0,100% 100%,50% 100%,54% 62%,46% 30%)}.cp-core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;margin:-15% 0 0 -15%;border-radius:50%;background:radial-gradient(circle,#fff6d8,rgba(242,196,92,.6) 40%,transparent 70%)}.cp-particles{position:absolute;left:60%;top:55%;width:0;height:0}[dir=rtl] .cp-particles{left:40%}.cp-particle{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--cp-gold-soft);opacity:0}.cp-particle:nth-child(3n){width:3px;height:3px}.cp-particle:nth-child(4n){width:9px;height:9px;background:var(--cp-gold)}.cp-phone{position:absolute;left:60%;top:50%;width:clamp(230px,22vw,300px);aspect-ratio:9 / 19;transform:translate(-50%,-50%)}.cp-phone{translate:-50% -50%;transform:none}[dir=rtl] .cp-phone{left:40%}.cp-phone-tilt{width:100%;height:100%;transform-style:preserve-3d}.cp-phone-body{position:relative;width:100%;height:100%;overflow:hidden;border-radius:34px;border:1px solid rgba(243,211,138,.55);background:#14100b;box-shadow:0 0 0 8px #1b150e,0 0 0 9px #f3d38a4d,0 40px 90px #000000b3}.cp-screen{position:absolute;inset:0;display:flex}.cp-screen>img{width:100%;height:100%;object-fit:cover}.cp-screen.is-web>img{object-fit:contain;object-position:center;background:#0f0c08}.cp-web-tag{position:absolute;left:10px;right:10px;bottom:14px;padding:6px 8px;text-align:center;color:#120d07;background:var(--cp-gold-soft);font:600 8px var(--mono);letter-spacing:.12em}.cp-slot{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;text-align:center;background:repeating-linear-gradient(135deg,rgba(226,176,74,.05) 0 10px,transparent 10px 20px),#110d09;border:1px dashed rgba(226,176,74,.4);border-radius:30px;margin:6px}.cp-slot-tag{color:var(--cp-gold);font:9px var(--mono);letter-spacing:.16em}.cp-slot strong{font-size:17px;font-weight:600}.cp-slot-frame{display:grid;gap:6px;width:70%}.cp-slot-frame i{height:34px;border:1px solid rgba(243,211,138,.2)}.cp-slot-frame i:first-child{height:70px}.cp-slot em{color:var(--cp-dim);font-style:normal;font-size:11px}.cp-slot code{color:var(--cp-gold-soft);font:9px var(--mono);word-break:break-all}.cp-eco{position:absolute;left:60%;top:50%;width:min(70vw,820px);height:min(76svh,620px);translate:-50% -50%}[dir=rtl] .cp-eco{left:40%}.cp-eco-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cp-eco-line{stroke:var(--cp-gold);stroke-width:1;stroke-opacity:.6;vector-effect:non-scaling-stroke;stroke-dasharray:1}.cp-eco-node{position:absolute;translate:-50% -50%;padding:8px 12px;white-space:nowrap;color:var(--cp-ink);background:#120d08d9;border:1px solid rgba(226,176,74,.45);font-size:11px}.cp-wave{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:5px;height:160px;translate:-50% -50%}.cp-wave i{display:block;width:4px;height:100%;border-radius:3px;background:linear-gradient(#7fd0ff,#2b7bff)}.cp-captions{position:absolute;z-index:3;inset-inline-start:max(6%,calc((100vw - 1190px)/2));top:50%;translate:0 -50%;width:min(420px,38vw);min-height:300px}.cp-cap{position:absolute;inset:0 0 auto}.cp-cap h2{margin:18px 0 10px;font-size:clamp(48px,6.5vw,96px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--cp-gold-soft)}.cp-cap h3{margin:10px 0 12px;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.35;letter-spacing:-.02em}.cp-cap p{margin:0;color:#dccdb0;font-size:14px;line-height:1.9}.cp-cap-num{color:var(--cp-gold);font:11px var(--mono);letter-spacing:.14em}.cp-pending{display:inline-block;margin-top:14px;padding:5px 8px;color:var(--cp-gold-soft);border:1px dashed rgba(226,176,74,.5);font:9px var(--mono)}.cp-cap-signal p{color:#a9d8ff;font-size:16px}.cp-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 0;color:var(--cp-gold-soft);border-bottom:1px solid rgba(226,176,74,.6);text-decoration:none;font-size:12px}.cp-link:hover,.cp-link:focus-visible{color:#fff4d6}.cp-link svg{width:14px;height:14px}.cp :focus-visible{outline-color:var(--cp-gold)}.cp-steps{position:absolute;z-index:3;bottom:34px;inset-inline-start:max(6%,calc((100vw - 1190px)/2));display:flex;gap:6px;margin:0;padding:0;list-style:none}.cp-steps li{width:26px;height:2px;background:#e2b04a40;transition:background .3s}.cp-steps li.is-on{background:var(--cp-gold)}.cp-next{position:absolute;z-index:3;bottom:22px;inset-inline-end:80px;margin:0;color:var(--cp-ink);border-color:#e2b04a80}.cp-next:hover{color:var(--cp-gold-soft);border-color:var(--cp-gold)}@keyframes cp-float{0%{translate:0 -6px}to{translate:0 8px}}:where(:root[data-layout=phone]) .cp-hero,:where(:root[data-layout=phone]) [dir=rtl] .cp-hero{inset:18% 0 0;width:100%;margin-inline:auto}:where(:root[data-layout=phone]) .cp-hero>img{max-height:70svh}:where(:root[data-layout=phone]) .cp-bean{top:52%}:where(:root[data-layout=phone]) .cp-particles,:where(:root[data-layout=phone]) [dir=rtl] .cp-particles{left:50%;top:62%}:where(:root[data-layout=phone]) .cp-phone,:where(:root[data-layout=phone]) [dir=rtl] .cp-phone{left:50%;top:60%;width:min(calc(var(--pvw) * 54),220px)}:where(:root[data-layout=phone]) .cp-eco,:where(:root[data-layout=phone]) [dir=rtl] .cp-eco{left:50%;top:60%;width:calc(var(--pvw) * 92);height:56svh}:where(:root[data-layout=phone]) .cp-eco-node{padding:5px 7px;font-size:9px}:where(:root[data-layout=phone]) .cp-captions{top:84px;translate:none;inset-inline:20px 58px;width:auto;min-height:170px}:where(:root[data-layout=phone]) .cp-cap h2{font-size:46px;margin-top:12px}:where(:root[data-layout=phone]) .cp-cap h3{font-size:20px;margin:6px 0}:where(:root[data-layout=phone]) .cp-cap p{font-size:12px;line-height:1.75}:where(:root[data-layout=phone]) .cp-link{margin-top:10px}:where(:root[data-layout=phone]) .cp-pending{margin-top:8px}:where(:root[data-layout=phone]) .cp-steps{bottom:70px;inset-inline-start:20px}:where(:root[data-layout=phone]) .cp-steps li{width:18px}:where(:root[data-layout=phone]) .cp-next{bottom:18px;inset-inline-end:58px;font-size:10px}@media(prefers-reduced-motion:reduce){.cp{height:auto;padding:90px 0 60px}.cp-stage{position:relative;display:grid;gap:30px;padding:0 6%;overflow:visible;perspective:none}.cp-cafe,.cp-hero,.cp-phone,.cp-eco,.cp-wave,.cp-void{position:relative;inset:auto;translate:none}.cp-void,.cp-particles,.cp-wave,.cp-bean,.cp-steps{display:none}.cp-cafe{height:40svh}.cp-hero{width:min(420px,100%);margin:0 auto}.cp-phone-body{height:auto;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;border:0;box-shadow:none;background:none}.cp-phone{width:100%;aspect-ratio:auto}.cp-screen{position:relative;aspect-ratio:9/19;border:1px solid rgba(226,176,74,.4);border-radius:26px;overflow:hidden}.cp-eco{width:100%;height:320px}.cp-captions{position:relative;inset:auto;translate:none;width:auto;padding:30px 6% 0;display:grid;gap:28px;min-height:0}.cp-cap{position:relative}.cp-next{position:relative;inset:auto;margin:30px 6% 0}}.cp-slot-list{display:grid;gap:6px;width:100%;margin:4px 0;padding:0;list-style:none;text-align:start}.cp-slot-list li{display:flex;flex-direction:column;gap:1px;padding-bottom:5px;border-bottom:1px solid rgba(226,176,74,.15);font-size:10px}.cp-slot-list code{color:var(--cp-gold-soft);font:8px var(--mono)}@media(prefers-reduced-motion:reduce){.cp-screen:has(.cp-slot){aspect-ratio:auto}}.cp-eco-node{display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px;border-radius:14px}.cp-eco-node img{display:block;width:clamp(62px,6.4vw,92px);aspect-ratio:9 / 19;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(243,211,138,.4)}.cp-eco-node em{font-style:normal;font-size:10px;color:var(--cp-gold-soft)}.cp-link-minor{margin-inline-start:18px;color:var(--cp-dim);border-bottom-color:#e2b04a4d;font-size:11px}:where(:root[data-layout=phone]) .cp-eco-node img{width:46px;border-radius:7px}:where(:root[data-layout=phone]) .cp-eco-node em{font-size:8px}@media(prefers-reduced-motion:reduce){.cp-eco{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 6%}.cp-eco-lines{display:none}.cp-eco-node{position:relative;translate:none;left:auto!important;top:auto!important}}:root{--pvw: 1vw;--frame-x: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-start: env(safe-area-inset-left, 0px)}.view-toolbar{position:fixed;z-index:55;top:calc(var(--safe-top) + 24px);left:calc(var(--frame-x) + var(--safe-start) + 30px);display:flex;align-items:stretch;gap:0;background:#14121a94;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-toolbar .language-switch{position:static;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:38px}.view-toolbar-sep{width:1px;margin:8px 0;background:#ffffff38}.device-switch{display:inline-flex;justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;padding:0;color:#f3f0f59e;background:transparent;border:0;cursor:pointer;transition:color .2s ease,background .2s ease}.device-switch svg{width:16px;height:16px}.device-switch:hover{color:var(--violet)}.device-switch.is-active{color:#17131e;background:var(--violet)}.device-switch:focus-visible,.view-toolbar .language-switch:focus-visible{outline-offset:-3px}:root[data-layout=phone] .view-toolbar{top:calc(var(--safe-top) + 12px);left:calc(var(--frame-x) + var(--safe-start) + 12px)}:root[data-layout=phone] .view-toolbar .language-switch{padding:8px 11px;min-height:40px;font-size:12px}:root[data-layout=phone] .device-switch{min-width:44px;min-height:44px}:root[data-frame]{--pvw: calc(var(--phone-column, 440px) / 100);--frame-x: max(0px, calc((100vw - var(--phone-column, 440px)) / 2))}:root[data-frame] body{background:radial-gradient(ellipse at 50% 30%,rgba(120,110,220,.16),transparent 60%),linear-gradient(180deg,#0c0e16,#08090f)}:root[data-frame] .portfolio{width:var(--phone-column, 440px);margin-inline:auto;box-shadow:0 0 0 1px #c5a9ff38,0 40px 140px #0000008c}:root[data-frame] .scene-rail{right:calc(var(--frame-x) + 10px)}:root[data-frame] .c1-earth{width:290px;margin:-145px 0 0 -145px}:root[data-frame] .c1-rings{width:380px}:root[data-frame] .c1-portal{width:420px;margin:-210px 0 0 -210px}:root[data-frame] .c1-planet-far{width:64px}:root[data-frame] .c1-asteroid{display:none}:root[data-layout=phone] .scene-rail{gap:10px}:root[data-layout=phone] .rail-point{min-width:32px;min-height:32px;justify-content:center;font-size:10px}:root[data-layout=phone] .c1-intro p,:root[data-layout=phone] .c1-passion span,:root[data-layout=phone] .c1-handoff p{font-size:14px;line-height:1.75}:root[data-layout=phone] .c1-progress li{font-size:10px}:root[data-layout=phone] .c1-hint{display:none}:root[data-layout=phone] .c2-skill p,:root[data-layout=phone] .c2-opening p,:root[data-layout=phone] .ps-cap p,:root[data-layout=phone] .cp-cap p,:root[data-layout=phone] .c4-support{font-size:14px;line-height:1.75}:root[data-layout=phone] .c2-skill h3{font-size:20px;line-height:1.5}:root[data-layout=phone] .c2-step{font-size:12px}:root[data-layout=phone] .c2-progress li{font-size:10px}:root[data-layout=phone] .skill-tags span,:root[data-layout=phone] .track-footer,:root[data-layout=phone] .contact-note,:root[data-layout=phone] .endnote{font-size:10px}:root[data-layout=phone] .c4-form input,:root[data-layout=phone] .c4-form textarea{font-size:16px;padding:11px 12px}:root[data-layout=phone] .c4-form button{font-size:14px;min-height:44px}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.\!m-0{margin:0!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[85vh\]{max-height:85vh}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-0{width:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[--color-border\]{border-color:--color-border}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[--color-bg\]{background-color:--color-bg}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:#0000}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius-lg)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media(hover:hover){.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:flex-row{flex-direction:row}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}@media(prefers-color-scheme:dark){.dark\:bg-transparent{background-color:#0000}}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer,.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:224 21% 7%;--foreground:210 22% 95%;--card:222 19% 10%;--card-foreground:210 22% 95%;--popover:222 19% 10%;--popover-foreground:210 22% 95%;--primary:263 58% 76%;--primary-foreground:224 21% 7%;--secondary:226 17% 15%;--secondary-foreground:210 22% 95%;--muted:224 16% 14%;--muted-foreground:218 12% 72%;--accent:263 58% 76%;--accent-foreground:224 21% 7%;--destructive:0 72% 57%;--destructive-foreground:210 22% 95%;--border:220 15% 26%;--input:220 15% 26%;--ring:263 58% 76%;--radius:.75rem;--app-font-sans:"Manrope", "IBM Plex Sans Arabic", sans-serif;--app-font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{color:#f0eef4;font-family:var(--app-font-sans);-webkit-font-smoothing:antialiased;background:#11141c;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#15121d;background:#c2a9fa}:focus-visible{outline-offset:4px;outline:2px solid #c2a9fa}.portfolio{--ink:#f3f0f5;--muted:#d0cbd4;--dim:#aea8b6;--violet:#c5a9ff;--line:#ebe4f23d;--mono:"IBM Plex Mono", monospace;color:var(--ink);background:#11141c;min-height:100dvh;position:relative;overflow:clip}.portfolio:before{content:"";z-index:30;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}.language-switch{z-index:50;min-width:48px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font:500 11px var(--mono);letter-spacing:.1em;background:#14121a75;border:1px solid #ffffff59;padding:10px 12px;transition:color .2s,border-color .2s,background .2s;position:fixed;top:28px;left:34px}.language-switch:hover{color:var(--violet);border-color:var(--violet);background:#14121abf}.scene-rail{z-index:45;flex-direction:column;align-items:flex-end;gap:17px;display:flex;position:fixed;inset:50% 24px auto auto;transform:translateY(-50%)}.rail-caption{color:#f5f1f89e;font:9px var(--mono);letter-spacing:.2em;margin-bottom:3px}.rail-point{color:#f5f1f88f;cursor:pointer;text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:4px 0;display:flex}.rail-dot{border:1px solid #f2edf6c2;border-radius:50%;width:7px;height:7px;transition:transform .25s,background .25s,border-color .25s}.rail-number{font:9px var(--mono);display:none}.rail-label{opacity:0;white-space:nowrap;max-width:0;font-size:10px;transition:max-width .25s,opacity .25s;overflow:hidden}.rail-point:hover .rail-label,.rail-point:focus-visible .rail-label,.rail-point.is-active .rail-label{opacity:1;max-width:145px}.rail-point.is-active{color:var(--ink)}.rail-point.is-active .rail-dot{background:var(--violet);border-color:var(--violet);transform:scale(1.45)}.story-scene{isolation:isolate;border-bottom:1px solid #f5f0f852;align-items:center;min-height:100svh;scroll-margin-top:0;display:flex;position:relative;overflow:hidden}.scene-backdrop{z-index:-2;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:25s ease-in-out infinite alternate scene-drift;position:absolute;inset:-2.5%;transform:scale(1.025)}.scene-about .scene-backdrop{background-image:linear-gradient(90deg,#0c0e13e3,#0c0e13b5 42%,#0c0e1347),linear-gradient(#0000 40%,#100f188c),url(/scenes/scene-01-city.jpg)}.scene-skills .scene-backdrop{background-image:linear-gradient(90deg,#0d0f16d9,#0f0f1791),linear-gradient(#0000,#0f0f178c),url(/scenes/scene-02-lab.jpg)}.scene-projects .scene-backdrop{background-image:linear-gradient(90deg,#0d0e15e0,#0f0e149e),linear-gradient(#0000 20%,#0d0d13c7),url(/scenes/scene-03-gallery.jpg)}.scene-contact .scene-backdrop{background-image:linear-gradient(90deg,#0d0e14e8,#0e0e15ab),linear-gradient(#0000,#0c0e14b8),url(/scenes/scene-04-portal.jpg)}.story-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#0c0d135e);height:21%;position:absolute;inset:auto 0 0}.scene-content{width:min(1190px,100% - 150px);margin-inline:auto;padding:72px 0;position:relative}.hero-content{padding-top:110px;padding-bottom:110px}.scene-index{color:#f5f1f8c4;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:13px;display:flex}.scene-index span{color:var(--violet);font-size:12px}.scene-index i{background:var(--violet);opacity:.8;width:35px;height:1px}.hero-content h1{letter-spacing:-.055em;text-wrap:balance;max-width:850px;margin:34px 0 20px;font-size:clamp(50px,8.2vw,112px);font-weight:500;line-height:1.27}[dir=rtl] .hero-content h1{letter-spacing:-.045em;max-width:830px;line-height:1.52}.hero-description{color:#e2dee7;max-width:650px;margin:0;font-size:clamp(15px,1.35vw,18px);line-height:2.05}[dir=rtl] .hero-description{max-width:660px}.scroll-cue{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ebe4f273;align-items:center;gap:15px;margin-top:59px;padding:10px 0;font-size:11px;transition:color .2s,border-color .2s;display:inline-flex}.scroll-cue:hover{color:var(--violet);border-color:var(--violet)}.scroll-cue svg{width:15px;height:15px;transition:transform .2s}.scroll-cue:hover svg{transform:translateY(3px)}.hero-content .scroll-cue{width:max-content;margin-left:0;margin-right:auto;display:flex}.scene-about{background:#03050d;border-bottom-color:#8ba0ff2e;min-height:100svh}.scene-about .scene-backdrop{z-index:-4;will-change:transform;background:radial-gradient(at 76% 54%,#1e37943d,#0000 34%),radial-gradient(at 23% 92%,#3f187e3b,#0000 38%),linear-gradient(135deg,#03050d 5%,#070b1c 52%,#050610);animation:none;inset:-12%;transform:scale(1.02)}.scene-about:after{display:none}.about-nebula{z-index:-3;pointer-events:none;filter:blur(25px);will-change:transform;background:radial-gradient(at 72% 48%,#3566ff33,#0000 21%),radial-gradient(at 82% 64%,#6831c933,#0000 27%),radial-gradient(at 18% 23%,#2d46a421,#0000 28%);position:absolute;inset:-18%}.about-stars{z-index:-2;pointer-events:none;opacity:.7;will-change:transform;background-image:radial-gradient(1px 1px at 11% 22%,#dee8ffcc 50%,#0000),radial-gradient(1px 1px at 31% 77%,#aec1ffb8 50%,#0000),radial-gradient(1px 1px at 46% 19%,#ffffffb8 50%,#0000),radial-gradient(1px 1px at 67% 84%,#c0cfffa6 50%,#0000),radial-gradient(1px 1px at 88% 22%,#ffffffbf 50%,#0000);background-size:390px 310px,470px 410px,530px 360px,440px 390px,360px 450px;position:absolute;inset:0;overflow:hidden}.about-stars i{opacity:.58;background:#dce7ff;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 9px #7ea5ffb8}.about-stars i:first-child{top:16%;left:61%}.about-stars i:nth-child(2){width:3px;height:3px;top:71%;left:73%}.about-stars i:nth-child(3){top:33%;left:91%}.about-stars i:nth-child(4){top:82%;left:42%}.about-stars i:nth-child(5){top:12%;left:29%}.about-stars i:nth-child(6){width:3px;height:3px;top:48%;left:12%}.about-stars i:nth-child(7){top:24%;left:78%}.about-stars i:nth-child(8){top:63%;left:56%}.about-stars i:nth-child(9){top:90%;left:84%}.about-stars i:nth-child(10){width:3px;height:3px;top:8%;left:48%}.about-stars i:nth-child(11){top:43%;left:36%}.about-stars i:nth-child(12){top:76%;left:19%}.about-orbit{z-index:-1;aspect-ratio:1;will-change:transform;border:1px solid #6d8eff26;border-radius:50%;width:min(68vw,860px);position:absolute;top:50%;right:2%;transform:translateY(-50%)rotate(-24deg);box-shadow:0 0 90px #244acd14,inset 0 0 80px #39309e14}.about-orbit:before,.about-orbit:after{content:"";border:1px solid #8b7dff1c;border-radius:50%;position:absolute;inset:11%}.about-orbit:after{border-color:#78a0ff1f;inset:24%}.about-orbit i{background:#8fb8ff;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 16px 3px #5087ff9e}.about-orbit i:first-child{top:14%;left:25%}.about-orbit i:last-child{background:#c2a1ff;width:4px;height:4px;bottom:23%;right:18%;box-shadow:0 0 15px 3px #9e5effa6}.hero-content{z-index:2;padding-top:130px;padding-bottom:100px}.hero-content h1{text-shadow:0 5px 55px #5777ff29;max-width:790px;margin-top:30px;font-size:clamp(54px,8.1vw,112px);line-height:1.12;position:relative}.hero-role{color:#a6baff;font:500 10px var(--mono);letter-spacing:.22em;margin:0 0 17px}[dir=rtl] .hero-role{font:500 13px var(--app-font-sans);letter-spacing:.03em}.hero-description{color:#c8d0e5}.scene-about .scene-index{color:#d7e0ffbd}.scene-about .scene-index span,.scene-about .scene-index i{color:#9fafff;background-color:#849dff}.scene-about .scroll-cue{border-color:#93acff8c}.scene-about .scroll-cue:hover{color:#b6a4ff;border-color:#a28dff}.chapter-preview{z-index:3;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform,opacity;background:linear-gradient(125deg,#0c122be6,#120d28b8);border:1px solid #94a4ff47;width:min(490px,44vw);min-height:255px;padding:clamp(24px,4vw,46px);position:absolute;bottom:12%;left:max(9%,50vw - 580px);overflow:hidden;transform:translateY(35px)scale(.9);box-shadow:0 25px 100px #00000073,inset 0 0 70px #4654cc1a}.preview-kicker{color:#a5b8ff;font:9px var(--mono);letter-spacing:.16em}.chapter-preview h2{z-index:2;letter-spacing:-.05em;margin:18px 0 5px;font-size:clamp(28px,4vw,48px);font-weight:500;position:relative}.chapter-preview p{z-index:2;color:#c2c8df;margin:0;font-size:12px;line-height:1.8;position:relative}.preview-orbit{aspect-ratio:1;border:1px solid #7f8fff4f;border-radius:50%;width:230px;position:absolute;bottom:-125px;right:-78px;box-shadow:0 0 0 28px #5f4fca12,0 0 0 58px #5f4fca0d}.preview-orbit i{background:#9ab5ff;border-radius:50%;width:5px;height:5px;position:absolute;top:20%;left:18%;box-shadow:0 0 14px 4px #6991ff80}.preview-orbit i:nth-child(2){background:#c39fff;top:60%;left:72%}.preview-orbit i:nth-child(3){width:3px;height:3px;top:85%;left:35%}[dir=rtl] .chapter-preview{left:auto;right:max(9%,50vw - 580px)}[dir=rtl] .preview-orbit{left:-78px;right:auto}.scene-skills{align-items:stretch}.skills-content{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.section-heading h2,.project-heading h2,.contact-content>h2{letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(38px,5.3vw,68px);font-weight:500;line-height:1.35}[dir=rtl] .section-heading h2,[dir=rtl] .project-heading h2,[dir=rtl] .contact-content>h2{letter-spacing:-.035em;line-height:1.55}.skill-panels{grid-template-columns:repeat(6,1fr);align-items:stretch;gap:14px;margin-top:45px;display:grid}.skill-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14131c9c;border:1px solid #e7dff247;grid-column:span 2;min-height:220px;padding:22px 22px 24px;animation:7s ease-in-out infinite alternate float-panel;box-shadow:0 20px 60px #04050929}.skill-panel:nth-child(2){animation-delay:-2.7s}.skill-panel:nth-child(3){animation-delay:-4.5s}.skill-panel:nth-child(4){grid-column:2/span 2;animation-delay:-1.3s}.skill-panel:nth-child(5){grid-column:4/span 2;animation-delay:-3.6s}.panel-top{color:var(--violet);font:10px var(--mono);justify-content:space-between;align-items:center;display:flex}.panel-mark{border:1px solid #c5a9ffad;width:18px;height:18px;transform:rotate(45deg)}.skill-panel h3{min-height:2.7em;margin:23px 0 17px;font-size:17px;font-weight:500;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:7px;display:flex}.skill-tags span{color:#d5cfdd;font:9px var(--mono);border:1px solid #e8e1f033;padding:6px 8px;line-height:1.35}.scene-next{align-self:flex-start;margin-top:32px;margin-left:0;margin-right:auto}.scene-projects{align-items:stretch}.project-content{flex-direction:column;justify-content:center;width:min(1260px,100% - 128px);min-height:100svh;display:flex}.project-heading{justify-content:space-between;align-items:end;margin-bottom:31px;display:flex}.project-heading h2{margin-top:12px}.project-heading p{color:var(--muted);margin:10px 0 0;font-size:12px}.horizontal-hint{color:var(--violet);font:16px var(--mono);gap:10px;padding-bottom:9px;display:flex}.project-track{scroll-snap-type:x mandatory;scrollbar-color:#c5a9ffb3 #ffffff1f;scrollbar-width:thin;align-items:stretch;gap:16px;width:100%;padding:8px 2px 22px;display:flex;overflow-x:auto}.project-track:focus-visible{outline-offset:5px}.project-card{scroll-snap-align:start;background:#13131ad4;border:1px solid #ebe4f254;flex:0 0 clamp(295px,30vw,370px);min-height:410px;overflow:hidden;box-shadow:0 18px 48px #03040933}.project-art{isolation:isolate;background:#20202c;place-items:center;height:202px;display:grid;position:relative;overflow:hidden}.project-art:before,.project-art:after{content:"";z-index:-1;position:absolute;inset:0}.project-art:before{background:radial-gradient(at 58% 40%,#c6abff42,#0000 55%),linear-gradient(140deg,#282638,#171a24 72%)}.project-art:after{opacity:.28;background-image:linear-gradient(#f1eaf733 1px,#0000 1px),linear-gradient(90deg,#f1eaf733 1px,#0000 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(120deg,#000,#0000 80%);mask-image:linear-gradient(120deg,#000,#0000 80%)}.art-logistics:before{background:radial-gradient(at 25% 64%,#b9a0f04d,#0000 43%),linear-gradient(150deg,#282a36,#171a22)}.art-hospitality:before{background:radial-gradient(at 72% 33%,#d4b7ff4d,#0000 40%),linear-gradient(140deg,#302a36,#191923)}.art-game:before{background:radial-gradient(at 50% 40%,#997fdc57,#0000 45%),linear-gradient(145deg,#242536,#141821)}.art-cinema:before{background:radial-gradient(#ba8ce04d,#0000 46%),linear-gradient(145deg,#2a2433,#141720)}.art-index{color:#f2ecf7b8;font:9px var(--mono);letter-spacing:.12em;top:15px;position:absolute;inset-inline-start:16px}.art-shape{border:1px solid #d7c3ffb3;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;transform:rotate(-12deg);box-shadow:0 0 0 16px #c5a9ff0e,0 0 0 34px #c5a9ff08}.art-shape span{color:#e4d8ff;font:500 30px var(--mono)}.art-lines{bottom:26px;align-items:end;gap:5px;display:flex;position:absolute;inset-inline-end:20px}.art-lines i{background:#c8b1f899;width:3px;height:18px;display:block}.art-lines i:nth-child(2){height:31px}.art-lines i:nth-child(3){height:23px}.art-caption{color:#f3edf8ad;font:8px var(--mono);letter-spacing:.09em;bottom:14px;position:absolute;inset-inline-start:16px}.project-card-copy{padding:19px 20px 22px}.project-meta{color:#c7c0ce;justify-content:space-between;align-items:start;gap:10px;font-size:9px;line-height:1.5;display:flex}.project-status{color:var(--violet);text-align:end}.project-card h3{margin:16px 0 8px;font-size:20px;font-weight:500;line-height:1.5}.project-card-copy>p{color:#c9c3cf;min-height:3.6em;margin:0;font-size:11px;line-height:1.8}.details-button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c5a9ffa6;align-items:center;gap:9px;margin-top:16px;padding:8px 0;font-size:10px;transition:color .2s;display:inline-flex}.details-button:hover{color:var(--violet)}.details-button svg{border:1px solid #c5a9ffa6;border-radius:50%;width:26px;height:26px;padding:6px;transition:color .2s,background .2s,border-color .2s}.details-button:hover svg{color:#17131e;background:var(--violet);border-color:var(--violet)}.track-footer{color:#eee7f5ab;font:9px var(--mono);letter-spacing:.09em;justify-content:space-between;margin-top:3px;display:flex}.scene-contact{align-items:stretch;min-height:100svh}.contact-content{flex-direction:column;justify-content:center;min-height:100svh;padding-top:70px;padding-bottom:66px;display:flex}.contact-content>h2{max-width:780px;margin-top:18px}.contact-description{color:#e0dbe5;max-width:740px;margin:16px 0 0;font-size:14px;line-height:2}.help-panels{border-block:1px solid #efe9f459;grid-template-columns:repeat(4,1fr);margin-top:32px;display:grid}.help-panel{border-inline-end:1px solid #efe9f447;flex-direction:column;justify-content:space-between;gap:15px;min-height:136px;padding:19px 20px;display:flex;position:relative}.help-panel:last-child{border:0}.help-panel>span{color:var(--violet);font:10px var(--mono)}.help-panel strong{max-width:210px;font-size:14px;font-weight:500;line-height:1.65}.help-panel i{background:var(--violet);bottom:20px;width:5px;height:5px;position:absolute;inset-inline-end:20px;transform:rotate(45deg)}.closing-row{grid-template-columns:1fr auto;align-items:end;gap:35px;margin-top:43px;display:grid}.closing-line{color:var(--violet);font-size:clamp(24px,3.3vw,42px);font-weight:500;line-height:1.5}.contact-note{color:#d0cad5;max-width:410px;margin:10px 0 0;font-size:10px;line-height:1.8}.email-unavailable{color:#ddd7e3;max-width:220px;margin:0;font-size:10px;line-height:1.8}.contact-form{grid-template-columns:1fr 1fr;gap:8px;width:min(390px,33vw);display:grid}.contact-form input,.contact-form textarea{min-width:0;color:var(--ink);background:#0a0b117a;border:1px solid #ebe4f252;padding:9px 10px;font-size:10px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c4bdca}.contact-form textarea{resize:vertical;grid-column:1/-1;min-height:58px}.contact-form button{color:#17131e;background:var(--violet);border:1px solid var(--violet);cursor:pointer;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:10px;display:inline-flex}.contact-form button:hover{background:#d5c4ff}.contact-form button svg{width:13px;height:13px}.form-status{color:#eee6f7;grid-column:1/-1;font-size:10px}.endnote{color:#eee7f5ad;font:8px var(--mono);letter-spacing:.13em;border-top:1px solid #efe9f447;justify-content:space-between;margin-top:39px;padding-top:13px;display:flex}.final-cue{bottom:18px;margin:0;position:absolute;inset-inline-end:45px}.final-cue svg{transform:rotate(180deg)}.final-cue:hover svg{transform:rotate(180deg)translateY(3px)}.project-dialog{width:min(650px,100% - 32px);max-height:min(85svh,740px);color:var(--ink);background:#191821;border:1px solid #d8c6fb8c;padding:0;box-shadow:0 25px 100px #0009}.project-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09090ec7}.dialog-inner{padding:clamp(25px,5vw,48px);position:relative}.dialog-close{width:38px;height:38px;color:var(--ink);cursor:pointer;top:18px;background:0 0;border:1px solid #ebe4f259;place-items:center;display:grid;position:absolute;inset-inline-end:18px}.dialog-close:hover{color:var(--violet);border-color:var(--violet)}.dialog-close svg{width:17px;height:17px}.dialog-inner h2{margin:24px 38px 9px 0;font-size:clamp(25px,5vw,40px);font-weight:500;line-height:1.45}[dir=rtl] .dialog-inner h2{margin-left:38px;margin-right:0}.dialog-status{color:var(--violet);border:1px solid #c5a9ff75;padding:5px 8px;font-size:10px;display:inline-block}.dialog-description{color:#ded8e4;margin:22px 0;font-size:13px;line-height:1.9}.dialog-details{color:#d1cbd8;gap:11px;padding-inline-start:20px;font-size:12px;line-height:1.8;display:grid}.dialog-details li::marker{color:var(--violet)}.dialog-tech{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.dialog-tech span{color:#ded7e8;font:9px var(--mono);border:1px solid #ebe4f23d;padding:6px 8px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes scene-drift{0%{transform:scale(1.025)translate(0)}to{transform:scale(1.075)translate(-.4%,.5%)}}@keyframes float-panel{0%{transform:translateY(0)}to{transform:translateY(-7px)}}:where(:root[data-narrow]) .scene-content{width:calc(100% - 116px);margin-inline:35px 81px}:where(:root[data-narrow]) .project-content{width:calc(100% - 108px)}:where(:root[data-narrow]) .skill-panel{grid-column:span 3;min-height:195px}:where(:root[data-narrow]) .skill-panel:nth-child(4){grid-column:2/span 2}:where(:root[data-narrow]) .skill-panel:nth-child(5){grid-column:4/span 3}:where(:root[data-narrow]) .project-card{flex-basis:330px}:where(:root[data-narrow]) .help-panels{grid-template-columns:1fr 1fr}:where(:root[data-narrow]) .help-panel:nth-child(2){border-inline-end:0}:where(:root[data-narrow]) .help-panel:nth-child(-n+2){border-bottom:1px solid #efe9f447}:where(:root[data-layout=phone]) .language-switch{min-width:42px;padding:8px 10px;top:17px;left:17px}:where(:root[data-layout=phone]) .scene-rail{left:auto;right:12px;gap:14px;inset-inline-end:auto}:where(:root[data-layout=phone]) .rail-caption,:where(:root[data-layout=phone]) .rail-label{display:none}:where(:root[data-layout=phone]) .rail-point{gap:0;padding:7px}:where(:root[data-layout=phone]) .rail-dot{display:none}:where(:root[data-layout=phone]) .rail-point{color:#f5f1f89e;font-size:9px}:where(:root[data-layout=phone]) .rail-point.is-active{color:var(--violet)}:where(:root[data-layout=phone]) .story-scene{min-height:100svh}:where(:root[data-layout=phone]) .scene-backdrop{animation-duration:34s}:where(:root[data-layout=phone]) .scene-content,:where(:root[data-layout=phone]) .project-content{width:calc(100% - 78px);margin-left:20px;margin-right:58px;padding-top:85px;padding-bottom:75px}:where(:root[data-layout=phone]) .hero-content{padding-top:115px;padding-bottom:90px}:where(:root[data-layout=phone]) .hero-content h1{font-size:clamp(42px,calc(var(--pvw) * 11),60px);margin-top:27px;line-height:1.36}:where(:root[data-layout=phone]) .hero-description{font-size:13px;line-height:2}:where(:root[data-layout=phone]) .scroll-cue{margin-top:38px}:where(:root[data-layout=phone]) .section-heading h2,:where(:root[data-layout=phone]) .project-heading h2,:where(:root[data-layout=phone]) .contact-content>h2{font-size:clamp(34px,calc(var(--pvw) * 9),49px)}:where(:root[data-layout=phone]) .skills-content,:where(:root[data-layout=phone]) .project-content,:where(:root[data-layout=phone]) .contact-content{min-height:100svh}:where(:root[data-layout=phone]) .skill-panels{grid-template-columns:1fr 1fr;gap:9px;margin-top:27px}:where(:root[data-layout=phone]) .skill-panel,:where(:root[data-layout=phone]) .skill-panel:nth-child(4),:where(:root[data-layout=phone]) .skill-panel:nth-child(5){grid-column:auto;min-height:190px;padding:15px 13px}:where(:root[data-layout=phone]) .skill-panel:nth-child(5){grid-column:1/-1;min-height:148px}:where(:root[data-layout=phone]) .skill-panel h3{margin:17px 0 12px;font-size:13px}:where(:root[data-layout=phone]) .skill-tags{gap:5px}:where(:root[data-layout=phone]) .skill-tags span{padding:5px 6px;font-size:8px}:where(:root[data-layout=phone]) .scene-next{margin-top:22px}:where(:root[data-layout=phone]) .project-content{justify-content:center}:where(:root[data-layout=phone]) .project-heading{align-items:center;margin-bottom:22px}:where(:root[data-layout=phone]) .project-heading p{max-width:230px;font-size:10px;line-height:1.7}:where(:root[data-layout=phone]) .horizontal-hint{gap:5px;font-size:12px}:where(:root[data-layout=phone]) .project-track{gap:11px;width:calc(100% + 20px);margin-inline-end:-20px}:where(:root[data-layout=phone]) .project-card{flex-basis:min(calc(var(--pvw) * 80),320px);min-height:380px}:where(:root[data-layout=phone]) .project-art{height:175px}:where(:root[data-layout=phone]) .project-card-copy{padding:16px}:where(:root[data-layout=phone]) .project-card h3{font-size:18px}:where(:root[data-layout=phone]) .track-footer{font-size:8px}:where(:root[data-layout=phone]) .contact-content{justify-content:flex-start;padding-top:100px}:where(:root[data-layout=phone]) .contact-description{font-size:12px;line-height:1.9}:where(:root[data-layout=phone]) .help-panels{margin-top:22px}:where(:root[data-layout=phone]) .help-panel{min-height:113px;padding:13px}:where(:root[data-layout=phone]) .help-panel strong{font-size:11px}:where(:root[data-layout=phone]) .help-panel i{bottom:14px;inset-inline-end:14px}:where(:root[data-layout=phone]) .closing-row{grid-template-columns:1fr;gap:17px;margin-top:25px}:where(:root[data-layout=phone]) .closing-line{font-size:25px}:where(:root[data-layout=phone]) .contact-note{font-size:9px}:where(:root[data-layout=phone]) .email-unavailable{max-width:none}:where(:root[data-layout=phone]) .contact-form{width:100%}:where(:root[data-layout=phone]) .endnote{margin-top:25px;font-size:7px}:where(:root[data-layout=phone]) .final-cue{bottom:10px;font-size:9px;inset-inline-end:19px}:where(:root[data-layout=phone]) .dialog-inner{padding:27px 22px}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene-backdrop{will-change:auto;transform:none}.scene-about{min-height:100svh;display:block;overflow:visible}.scene-about .scene-backdrop,.about-nebula,.about-stars,.about-orbit{will-change:auto}.chapter-preview{opacity:1;width:min(490px,100% - 50px);min-height:190px;margin:-30px auto 40px;position:relative;inset:auto;transform:none}}:where(:root[data-narrow]) .about-orbit{width:76vw;right:-9%}:where(:root[data-narrow]) .chapter-preview{width:min(440px,48vw);min-height:225px}:where(:root[data-narrow]) [dir=rtl] .chapter-preview{right:7%}:where(:root[data-layout=phone]) .scene-about{align-items:flex-start}:where(:root[data-layout=phone]) .scene-about .scene-backdrop{inset:-6%}:where(:root[data-layout=phone]) .about-nebula{opacity:.8;inset:-8%}:where(:root[data-layout=phone]) .about-stars{opacity:.5}:where(:root[data-layout=phone]) .about-orbit{width:calc(var(--pvw) * 105);top:44%;right:-42%}:where(:root[data-layout=phone]) .hero-content{width:calc(100% - 78px);margin-left:20px;margin-right:58px;padding-top:140px;padding-bottom:90px}:where(:root[data-layout=phone]) .hero-content h1{max-width:560px;font-size:clamp(43px,calc(var(--pvw) * 11),62px);line-height:1.28}:where(:root[data-layout=phone]) [dir=rtl] .hero-content h1{line-height:1.58}:where(:root[data-layout=phone]) .hero-description{max-width:430px;font-size:12px;line-height:1.9}:where(:root[data-layout=phone]) .hero-role{font-size:8px}:where(:root[data-layout=phone]) [dir=rtl] .hero-role{font-size:12px}:where(:root[data-layout=phone]) .chapter-preview{width:74%;min-height:198px;padding:23px;bottom:5%;left:12%;right:auto}:where(:root[data-layout=phone]) .chapter-preview h2{font-size:clamp(26px,calc(var(--pvw) * 7),36px)}:where(:root[data-layout=phone]) .chapter-preview p{max-width:240px;font-size:10px}:where(:root[data-layout=phone]) [dir=rtl] .chapter-preview{left:auto;right:12%}:where(:root[data-layout=phone]) [dir=rtl] .preview-orbit{left:-95px;right:auto}@media(prefers-reduced-motion:reduce){:where(:root[data-layout=phone]) .scene-about{min-height:100svh}:where(:root[data-layout=phone]) .scene-about .hero-content{padding-top:105px;padding-bottom:30px}:where(:root[data-layout=phone]) .chapter-preview{width:calc(100% - 78px);margin:0 20px 32px;bottom:auto;left:auto;right:auto}}.story-scene{border-bottom:1px solid #90a9ff6b;min-height:100dvh}.story-scene:before{content:"";z-index:4;pointer-events:none;border:1px solid #93acff52;position:absolute;inset:13px}.story-scene:after{z-index:-1}.scene-backdrop{will-change:transform;animation:none;inset:-5%;transform:scale(1.035)}.scene-about .scene-backdrop{z-index:-4;background:linear-gradient(90deg,#030510d1,#03051080 39%,#03051008 76%),linear-gradient(#0000 46%,#04051085),url(/scenes/chapter-01-identity.jpg) 50% 48%/cover no-repeat}.scene-skills .scene-backdrop{background:linear-gradient(90deg,#030510bd,#0305104d 62%,#03051070),linear-gradient(#0000 35%,#0405109e),url(/scenes/chapter-02-skills.jpg) 50%/cover no-repeat}.scene-projects .scene-backdrop{background:linear-gradient(90deg,#030510c4,#03051047 55%,#0305108a),linear-gradient(#0000 30%,#040510c2),url(/scenes/chapter-03-projects.jpg) 50% 48%/cover no-repeat}.scene-contact .scene-backdrop{background:linear-gradient(90deg,#030510b5,#0305104d 52%,#03051040),linear-gradient(#0000 35%,#040510b8),url(/scenes/chapter-04-collaboration-clean.jpg) 50% 48%/cover no-repeat}.scene-about{background:#050715}.scene-skills{background:#070717}.scene-projects{background:#070615}.scene-contact{background:#070716}.about-nebula{opacity:.56;mix-blend-mode:screen}.about-orbit{border-color:#758fff40}.scene-index{text-shadow:0 2px 16px #02030ccc}.hero-content h1{text-shadow:0 4px 48px #161b5f75;max-width:690px}.hero-role{color:#b3c5ff;margin-top:6px}.hero-tagline{color:#d9d5ff;font:500 10px var(--mono);letter-spacing:.16em;margin:0 0 19px}.skill-panel{transform-style:preserve-3d;background:linear-gradient(145deg,#08112fc7,#1b0d3aa1);border-color:#7fa3ff94;animation:none;box-shadow:0 18px 55px #04071c5c,inset 0 0 36px #455fff14}.skill-panel:nth-child(2n){border-color:#bc7bff80}.skill-panel h3{text-shadow:0 0 20px #8294ff33}.project-content{perspective:1200px}.project-track{overflow-y:visible}.project-card{transform-style:preserve-3d;background:#090b1ee6;border-color:#769fff8c;box-shadow:0 18px 50px #02041161,0 0 28px #465cff1a}.art-shape{border-radius:12px;transform:rotate(-8deg)}.project-status{color:#c4a4ff}.closing-line{color:#c6b1ff;text-shadow:0 0 28px #7e5dff52;text-decoration:none;display:inline-block}.closing-line:hover{color:#e1d7ff}.contact-note{scroll-margin-top:28px}.scene-rail{gap:19px}.rail-number{color:#aebeff;display:inline}.rail-point{gap:10px}.rail-label{font:9px var(--mono);letter-spacing:.08em}.rail-dot{border-color:#97b3ffcc;width:6px;height:6px}.rail-point.is-active .rail-dot{box-shadow:0 0 13px #738fffe6}:where(:root[data-narrow]) .story-scene:before{inset:9px}:where(:root[data-narrow]) .scene-skills .scene-backdrop,:where(:root[data-narrow]) .scene-projects .scene-backdrop{background-position:42%}:where(:root[data-narrow]) .scene-contact .scene-backdrop{background-position:38%}:where(:root[data-narrow]) .hero-tagline{max-width:330px;line-height:1.7}:where(:root[data-layout=phone]) .scene-about .scene-backdrop{background-position:61%}:where(:root[data-layout=phone]) .scene-skills .scene-backdrop{background-position:34%}:where(:root[data-layout=phone]) .scene-projects .scene-backdrop{background-position:30%}:where(:root[data-layout=phone]) .scene-contact .scene-backdrop{background-position:28%}:where(:root[data-layout=phone]) .scene-content,:where(:root[data-layout=phone]) .project-content{width:calc(100% - 78px);margin-left:20px;margin-right:58px}:where(:root[data-layout=phone]) .rail-number{display:inline}:where(:root[data-layout=phone]) .project-card{will-change:auto}@media(prefers-reduced-motion:reduce){.story-scene{min-height:100svh}.scene-backdrop{will-change:auto;transform:none!important}.skill-panel{animation:none}}.scene-about .hero-content{text-align:left;width:min(680px,48vw);margin-left:clamp(74px,7.5vw,132px);margin-right:auto}[dir=rtl] .scene-about .hero-content{text-align:right}.hero-title-line{white-space:nowrap;display:block}.hero-title-accent{color:#0000;background:linear-gradient(90deg,#72c3ff,#b6a2ff 82%);-webkit-background-clip:text;background-clip:text}.hero-tagline{color:#d8dcff;max-width:540px;font:500 10px/1.8 var(--mono);letter-spacing:.13em;margin:0 0 20px}[dir=rtl] .hero-tagline{color:#bdc8ff;font:500 13px/1.8 var(--app-font-sans);letter-spacing:0}.scene-rail{direction:ltr;align-items:flex-start;inset:50% auto auto 27px}.rail-point{direction:ltr;justify-content:flex-start}.rail-label{text-align:left}.skill-constellation{border-block:1px solid #88a3ff4d;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding:12px 0;display:flex}.skill-topic{color:#e0e6ff;font:500 8px var(--mono);letter-spacing:.1em;white-space:nowrap;will-change:transform,opacity;align-items:center;gap:7px;display:inline-flex}.skill-topic i{color:#94aeff;font:8px var(--mono);font-style:normal}[dir=rtl] .skill-topic{font:500 10px var(--app-font-sans);letter-spacing:0}.contact-cta{color:#f3f0ff;font:500 9px var(--mono);letter-spacing:.12em;background:#0d112d7a;border:1px solid #96aaffb3;align-items:center;gap:11px;margin-top:18px;padding:10px 13px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.contact-cta:hover{color:#fff;background:#624bc447;border-color:#c7b2ff}.contact-cta svg{width:15px;height:15px}[dir=rtl] .contact-cta{font:500 11px var(--app-font-sans);letter-spacing:0}:where(:root[data-narrow]) .scene-about .hero-content{width:min(660px,62vw);margin-left:7vw;margin-right:auto}:where(:root[data-narrow]) .scene-rail{left:16px}:where(:root[data-narrow]) .skill-constellation{gap:7px 13px}:where(:root[data-layout=phone]) .scene-about .hero-content{width:calc(100% - 110px);margin-left:20px;margin-right:90px;padding-top:140px}:where(:root[data-layout=phone]) .hero-content h1{font-size:clamp(40px,calc(var(--pvw) * 10.4),54px)}:where(:root[data-layout=phone]) .hero-title-line{white-space:normal}:where(:root[data-layout=phone]) .hero-tagline{letter-spacing:.1em;max-width:260px;font-size:8px}:where(:root[data-layout=phone]) [dir=rtl] .hero-tagline{font-size:11px}:where(:root[data-layout=phone]) .scene-rail{align-items:flex-end;inset:50% 12px auto auto}:where(:root[data-layout=phone]) .rail-point{direction:ltr}:where(:root[data-layout=phone]) .skill-constellation{gap:7px 10px;margin-top:17px}:where(:root[data-layout=phone]) .skill-topic{font-size:7px}:where(:root[data-layout=phone]) [dir=rtl] .skill-topic{font-size:9px}:where(:root[data-layout=phone]) .contact-cta{margin-top:12px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}