html,body,#root{touch-action:pan-y;width:100%;margin:0;font-family:system-ui,sans-serif;overflow-x:hidden}html{background-color:#050202}#root{background:0 0}html,body{height:100%;min-height:100%}body{background-color:#0000;background-image:radial-gradient(50% 60% at 65%,#ff454766 0%,#ff45471a 32%,#0000 65%),radial-gradient(120% 120%,#1a0606 0%,#0a0303 55%,#050202 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}#root{min-height:100%}section.scene-section{touch-action:pan-y;width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}section.scene-section.is-input{background-color:#050202}section.scene-section.is-input.hero-fading>:not(video):not(.hero-report-overlay){opacity:0!important;pointer-events:none!important;transition:opacity .7s cubic-bezier(.22,1,.36,1)!important}section.scene-section.is-output,section.services-wrap.is-output{animation:1s cubic-bezier(.16,1,.3,1) both section-reveal}section.services-wrap.is-output{flex-direction:column;justify-content:center;min-height:100vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}section.scene-section.is-projects{justify-content:center;align-items:center;animation:2.4s cubic-bezier(.16,1,.3,1) both section-reveal;display:flex}@keyframes section-reveal{0%{opacity:0;filter:blur(14px);transform:translateY(50px)scale(.94)}60%{opacity:.7}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}section.scene-section.is-input{animation:.5s cubic-bezier(.22,1,.36,1) forwards section-fade-in}@keyframes section-fade-in{0%{opacity:0}to{opacity:1}}@keyframes haze-drift{0%{transform:translate(0)}to{transform:translate(-12px,8px)}}canvas{z-index:2;touch-action:none;display:block;position:relative}section.scene-section.is-input canvas{filter:drop-shadow(0 8px 18px #00000073)drop-shadow(0 28px 50px #0000008c)}html{scroll-behavior:auto}.quiz-step-body{animation:.45s cubic-bezier(.22,1,.36,1) both step-fade-in}@keyframes step-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-block{animation:.6s cubic-bezier(.22,1,.36,1) both result-block-in}.result-block:first-child{animation-delay:0s}.result-block:nth-child(2){animation-delay:.1s}.result-block:nth-child(3){animation-delay:.2s}.result-block:nth-child(4){animation-delay:.35s}@keyframes result-block-in{0%{opacity:0;filter:blur(4px);transform:translate(-6px)}to{opacity:1;filter:blur();transform:translate(0)}}section.services-wrap{background:#000;width:100%;position:relative;overflow:hidden}section.services-wrap.is-services{animation:1.4s cubic-bezier(.22,1,.36,1) both services-section-in}@keyframes services-section-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes particle-float{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}50%{transform:translate(var(--drift,8px), -22px) scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-44px)scale(.6)}}@media (prefers-reduced-motion:no-preference){body{will-change:background-position}}@media (prefers-reduced-motion:reduce){body,section.scene-section:before{animation:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e63d2b33;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#e63d2b66}*{scrollbar-width:thin;scrollbar-color:#e63d2b33 transparent}*,:before,:after{box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}html,body{max-width:100vw;overflow-x:clip}@media (hover:none) and (pointer:coarse){button:not([style*=aspect-ratio]):not([style*="border-radius: 50%"]),a:not([style*=aspect-ratio]):not([style*="border-radius: 50%"]),input[type=submit],input[type=button],[role=button]:not([style*=aspect-ratio]):not([style*="border-radius: 50%"]){min-height:44px}}@media (width>=1025px) and (width<=1439px){.hero-report-overlay>div{padding-left:40px!important;padding-right:40px!important}}@media (width>=768px) and (width<=1024px){.hero-report-overlay>div{padding-left:32px!important;padding-right:32px!important}section.scene-section.is-input canvas{filter:drop-shadow(0 6px 16px #00000073)drop-shadow(0 20px 40px #00000080)}}@media (width>=768px) and (width<=1023px) and (orientation:portrait){body{background:radial-gradient(110% 100% at 0 100%,#ff4547 0%,#6a1612 25%,#1d0605 60%,#060202 100%)}}@media (width<=767px){::-webkit-scrollbar{width:0}section.scene-section:before{background-image:radial-gradient(circle at 30% 30%,#ff45470a 0%,#0000 40%),radial-gradient(circle at 70% 70%,#ff454708 0%,#0000 40%)}section.scene-section.is-input canvas{filter:drop-shadow(0 4px 12px #00000073)}@keyframes section-reveal{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(.97)}60%{opacity:.7}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}input[type=email],input[type=text],input[type=url],input[type=number],input[type=tel]{width:100%;font-size:16px}section.scene-section.is-input{padding-bottom:env(safe-area-inset-bottom,0)}}@media (height<=500px) and (orientation:landscape){section.scene-section.is-input canvas{filter:none}.hero-report-overlay>div{padding-top:24px!important;padding-bottom:24px!important}}@media (width<=479px){.hero-report-overlay>div{padding-left:12px!important;padding-right:12px!important}}@media (width<=379px){section.scene-section.is-input canvas{transform-origin:50%;transform:scale(.9)}}@media print{body{color:#000;background:#fff!important}video,canvas,.hero-report-overlay>div>section{display:none!important}}
