.cinematic-container{will-change:transform;backface-visibility:hidden;isolation:isolate;position:relative;transform:translateZ(0)}.cinematic-fullscreen{will-change:transform;backface-visibility:hidden;isolation:isolate;height:100vh;min-height:100vh;position:relative;overflow:hidden;transform:translateZ(0)}.cinematic-content-center{z-index:10;text-align:center;will-change:transform;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding-left:1rem;padding-right:1rem;display:flex;position:relative;transform:translateZ(0)}.cinematic-3d-grid{z-index:2;will-change:transform;backface-visibility:hidden;isolation:isolate;position:relative;transform:translateZ(0)}.cinematic-gradient-mask{z-index:3;will-change:transform;backface-visibility:hidden;isolation:isolate;background:linear-gradient(#0000 0% 70%,#0000001a 75%,#0000004d 80%,#0009 85%,#000c 90%,#000000f2 95%,#000 100%);position:relative;transform:translateZ(0)}.cinematic-fade{will-change:opacity;backface-visibility:hidden;isolation:isolate;position:relative;transform:translateZ(0)}.cinematic-fade-top,.cinematic-fade-bottom{z-index:4;will-change:opacity;backface-visibility:hidden;isolation:isolate;position:relative;transform:translateZ(0)}.cinematic-title{will-change:transform;text-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff1a;transform:translateZ(0)}.cinematic-subtitle{will-change:transform;transform:translateZ(0)}.cinematic-404-number{will-change:transform;text-shadow:0 0 40px #9333ea4d;filter:drop-shadow(0 0 20px #9333ea33);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#94a3b8 50%,#4a5568 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,12vw,10rem);transform:translateZ(0)}.cinematic-404-number.persian{text-shadow:0 0 40px #06b6d44d;filter:drop-shadow(0 0 20px #06b6d433);background:linear-gradient(135deg,#fff 0%,#06b6d4 50%,#0284c7 100%)}.cinematic-glitch-overlay{letter-spacing:-.05em;opacity:.2;background:linear-gradient(135deg,#f0f 0%,#0ff 50%,#f0f 100%);-webkit-text-fill-color:transparent;filter:blur(1px);mix-blend-mode:screen;-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,12vw,10rem);font-weight:700;position:absolute;inset:0;transform:translate(2px,2px)}.cinematic-glitch-overlay.persian{background:linear-gradient(135deg,#0ff 0%,#0f0 50%,#0ff 100%)}.cinematic-button{color:#fff;-webkit-backdrop-filter:blur(8px)saturate(180%);backdrop-filter:blur(8px)saturate(180%);will-change:transform;backface-visibility:hidden;isolation:isolate;background-color:#0000;border:1px solid #fff3;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;transform:translateZ(0)}.cinematic-button:hover{background-color:#9333ea1a;border-color:#9333ea66;transform:translateY(-2px);box-shadow:0 8px 40px #9333ea4d}.cinematic-button.persian:hover{background-color:#06b6d41a;border-color:#06b6d466;box-shadow:0 8px 40px #06b6d44d}.cinematic-button-secondary{box-shadow:0 0 30px #64ffb41a}.cinematic-button-secondary:hover{background-color:#64ffb41a;border-color:#64ffb466;box-shadow:0 8px 40px #64ffb44d}.cinematic-button-secondary.persian{box-shadow:0 0 30px #10b9811a}.cinematic-button-secondary.persian:hover{background-color:#10b9811a;border-color:#10b98166;box-shadow:0 8px 40px #10b9814d}.cinematic-button-overlay{opacity:0;background:linear-gradient(45deg,#9333ea4d,#6366f14d);transition:opacity .3s;position:absolute;inset:0}.cinematic-button-overlay:hover{opacity:1}.cinematic-button-overlay.persian{background:linear-gradient(45deg,#06b6d44d,#10b9814d)}.cinematic-button-overlay.secondary{background:linear-gradient(45deg,#64b4ff4d,#06b6d44d)}.cinematic-button-overlay.secondary.persian{background:linear-gradient(45deg,#10b9814d,#84cc164d)}.cinematic-binary-rain{pointer-events:none;color:#00ff004d;text-shadow:0 0 5px #00ff0080;will-change:transform;backface-visibility:hidden;isolation:isolate;font-family:monospace;font-size:12px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}@keyframes cinematic-fall{0%{opacity:0;transform:translateY(-100px)rotate(0)}to{opacity:1;transform:translateY(100vh)rotate(360deg)}}.cinematic-fall-animation{animation:5s linear infinite cinematic-fall}.cinematic-section{will-change:transform;backface-visibility:hidden;isolation:isolate;margin-bottom:1.5rem;position:relative;transform:translateZ(0)}.cinematic-description{will-change:transform;backface-visibility:hidden;isolation:isolate;text-align:center;text-shadow:0 0 10px #0000004d;max-width:42rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.75;position:relative;transform:translateZ(0)}.font-cinematic-persian{font-family:var(--font-vazirmatn)}.font-cinematic-english{font-family:var(--font-zalando-sans)}@media (max-width:640px){.cinematic-button{padding:14px 28px;font-size:14px}.cinematic-404-number{font-size:clamp(4rem,10vw,8rem)}}@media (max-width:480px){.cinematic-content-center{padding-left:.75rem;padding-right:.75rem}.cinematic-button{width:100%;max-width:280px}}.cinematic-gpu-optimized{will-change:transform,opacity;backface-visibility:hidden;isolation:isolate;transform:translateZ(0)}.cinematic-no-transform{will-change:auto!important;transform:none!important}@media (prefers-reduced-motion:reduce){.cinematic-fall-animation{animation:none}.cinematic-button,.cinematic-button-overlay{transition:none}.cinematic-gpu-optimized{will-change:auto}}
