.cine{background-color:rgb(var(--color-background));color:rgb(var(--color-text))}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}html[lang=ar] .display{letter-spacing:0;line-height:1.25}.kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-accent))}html[lang=ar] .kicker{letter-spacing:.02em;font-size:.85rem}.kicker:before{content:"";width:1.75rem;height:1px;background:linear-gradient(90deg,rgb(var(--color-accent)),transparent)}html[dir=rtl] .kicker:before{background:linear-gradient(270deg,rgb(var(--color-accent)),transparent)}.text-gradient{background:linear-gradient(100deg,rgb(var(--color-text)) 20%,rgb(var(--color-primary)) 60%,rgb(var(--color-accent)) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:rgb(var(--color-surface)/.62);border:1px solid rgb(var(--color-border)/.9);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.light .glass{background:rgb(var(--color-surface)/.78);box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 20px 40px -24px rgb(15 37 64/.25)}.gradient-border{position:relative;isolation:isolate}.gradient-border:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:inherit;background:conic-gradient(from var(--angle,0deg),rgb(var(--color-primary)/.9),rgb(var(--color-accent)/.2),rgb(var(--color-primary)/.05),rgb(var(--color-accent)/.9),rgb(var(--color-primary)/.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gradient-border:focus-within:before,.gradient-border:hover:before{animation:border-spin 4s linear infinite}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes border-spin{to{--angle:360deg}}.grid-lines{background-image:linear-gradient(rgb(var(--color-text)/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-text)/.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}.btn-cine{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;padding:.95rem 1.6rem;font-weight:600;font-size:.95rem;color:rgb(var(--color-primary-fg));background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-accent)));box-shadow:0 10px 30px -10px rgb(var(--glow)/.75),inset 0 1px 0 rgb(255 255 255/.25);transition:box-shadow .3s ease,filter .3s ease;will-change:transform}.light .btn-cine{background:rgb(var(--color-primary))}.btn-cine:hover{box-shadow:0 14px 44px -10px rgb(var(--glow)/.95),inset 0 1px 0 rgb(255 255 255/.3);filter:saturate(1.1)}.btn-outline-cine{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;padding:.95rem 1.5rem;font-weight:600;font-size:.95rem;color:rgb(var(--color-text));border:1px solid rgb(var(--color-border));background:rgb(var(--color-surface)/.4);transition:border-color .25s ease,background .25s ease;will-change:transform}.btn-outline-cine:hover{border-color:rgb(var(--color-primary)/.7);background:rgb(var(--color-surface)/.8)}.btn-cine:focus-visible,.btn-outline-cine:focus-visible{outline:3px solid rgb(var(--color-accent));outline-offset:3px}.hero{--mx:50%;--my:40%;position:relative;overflow:hidden;isolation:isolate}.hero-spotlight{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--mx) var(--my),rgb(var(--glow)/.28),transparent 60%),radial-gradient(900px circle at 85% -10%,rgb(var(--color-accent)/.12),transparent 60%),radial-gradient(700px circle at 0 110%,rgb(var(--glow)/.16),transparent 60%)}.light .hero-spotlight{background:radial-gradient(600px circle at var(--mx) var(--my),rgb(var(--glow)/.16),transparent 60%),radial-gradient(900px circle at 85% -10%,rgb(var(--color-accent)/.12),transparent 60%),radial-gradient(700px circle at 0 110%,rgb(var(--glow)/.1),transparent 60%)}.hero-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.hero-canvas[data-ready=true]{opacity:1}.depth{transform:translate3d(calc(var(--px, 0) * var(--d, 12) * 1px),calc(var(--py, 0) * var(--d, 12) * 1px),0);transition:transform .7s cubic-bezier(.2,.7,.1,1)}.scroll-cue{width:1px;height:3.25rem;background:linear-gradient(rgb(var(--color-accent)),transparent);animation:cue 2.2s ease-in-out infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(1.5rem);opacity:0}}.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#03060c;color:#e8eef9;animation:intro-out .7s cubic-bezier(.7,0,.2,1) 1.8s forwards}.intro-mark{width:min(52vw,260px);animation:intro-mark 1.3s cubic-bezier(.2,.7,.1,1) both}.intro-line{overflow:hidden;margin-top:1.25rem;text-align:center}.intro-line span{display:inline-block;font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.35rem);letter-spacing:.04em;color:#9fc9f3;animation:intro-text .9s cubic-bezier(.2,.7,.1,1) .55s both}.intro-skip{position:absolute;inset-block-end:1.5rem;inset-inline-end:1.5rem;border-radius:999px;border:1px solid rgb(255 255 255/.2);padding:.5rem 1rem;font-size:.8rem;color:#c4cfe0}.intro-skip:hover{border-color:rgb(255 255 255/.5);color:#fff}@keyframes intro-mark{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes intro-text{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.intro{display:none}}.timeline-rail{position:absolute;inset-block:0;inset-inline-start:1.25rem;width:2px;background:rgb(var(--color-border))}.timeline-progress{position:absolute;inset:0;background:linear-gradient(rgb(var(--color-accent)),rgb(var(--color-primary)));transform-origin:top;box-shadow:0 0 18px rgb(var(--glow)/.8)}@media (min-width:768px){.timeline-rail{inset-inline-start:50%;transform:translateX(-50%)}}.timeline-node{box-shadow:0 0 0 6px rgb(var(--color-background)),0 0 24px rgb(var(--glow)/.8)}.moments-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:max(1rem,calc((100vw - 80rem) / 2 + 2rem));padding-block:.5rem 1.5rem}.moments-track::-webkit-scrollbar{display:none}.moments-track>*{scroll-snap-align:center}.moments-track[data-pinned=true]{overflow:visible;scroll-snap-type:none}.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .35s cubic-bezier(.2,.7,.1,1)}.tilt[data-active=true]{transition-duration:.08s}.tilt-shine{pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--sx,50%) var(--sy,50%),rgb(255 255 255/.09),transparent 45%);opacity:0;transition:opacity .3s ease}.tilt[data-active=true] .tilt-shine{opacity:1}.flip{perspective:1200px}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.1,1)}.flip-inner>*{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back,.flip[data-flipped=true] .flip-inner{transform:rotateY(180deg)}.chip{border-radius:999px;border:1px solid rgb(var(--color-border));padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:rgb(var(--color-muted));transition:color .2s ease,background .2s ease,border-color .2s ease}.chip:hover{color:rgb(var(--color-text));border-color:rgb(var(--color-primary)/.6)}.chip[aria-pressed=true]{color:rgb(var(--color-primary-fg));background:rgb(var(--color-primary));border-color:rgb(var(--color-primary))}.avatar-ring{background:conic-gradient(from 180deg,rgb(var(--color-primary)),rgb(var(--color-accent)),rgb(var(--color-primary)))}.chat-panel{transform-origin:bottom right;animation:chat-in .38s cubic-bezier(.2,.8,.2,1) both}html[dir=rtl] .chat-panel{transform-origin:bottom left}@keyframes chat-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.typing-dot{width:6px;height:6px;border-radius:999px;background:rgb(var(--color-muted));animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.mic-live{box-shadow:0 0 0 0 rgb(var(--color-error)/.6);animation:mic-pulse 1.4s ease-out infinite}@keyframes mic-pulse{to{box-shadow:0 0 0 14px rgb(var(--color-error)/0)}}@media (prefers-reduced-motion:reduce){.gradient-border:before,.mic-live,.scroll-cue,.typing-dot{animation:none}.flip-inner,.tilt{transition:none}}