@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main:#020617;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#475569;--font-family:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}.bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 30%,#020617f2 100%);position:absolute;inset:0}.container{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:500px;padding:2rem;display:flex}.camera-svg{filter:drop-shadow(0 15px 30px #00000080);width:180px;height:180px}@keyframes camera-cycle{0%{transform:rotate(0)translate(0)}6%{transform:rotate(6deg)translate(2px,-1px)}12%{transform:rotate(-5deg)translate(-2px,1px)}18%{transform:rotate(0)translate(0)}28%{transform:rotate(0)translate(0)}32%{transform:rotate(3deg)translate(1px,2px)}35%{transform:rotate(-1deg)translate(0)}39%{transform:rotate(5deg)translate(2px,4px)}42%{transform:rotate(0)translate(0)}45%{transform:translate(0)rotate(0)}47%{transform:translate(1px,-1px)rotate(.5deg)}49%{transform:translate(-1px,1px)rotate(-.5deg)}51%{transform:translate(1.5px,1px)rotate(.8deg)}53%{transform:translate(-1px,-1.5px)rotate(-.6deg)}55%{transform:translate(.5px,.5px)rotate(.3deg)}57%{transform:translate(0)rotate(0)}62%,88%{transform:rotate(24deg)translate(6px,8px)}93%{transform:rotate(24deg)translate(6px,8px)}to{transform:rotate(0)translate(0)}}.camera-head{transform-origin:75px 97.5px;animation:9s cubic-bezier(.4,0,.2,1) infinite camera-cycle}@keyframes lens-glow-cycle{0%,25%{opacity:1;transform:scaleY(1)}28%{opacity:.15;transform:scaleY(.1)}30%{opacity:1;transform:scaleY(1)}35%{opacity:.15;transform:scaleY(.1)}37%{opacity:1;transform:scaleY(1)}45%{opacity:1}46%{opacity:.2}48%{opacity:.8}49%{opacity:.1}50%{opacity:.95}52%{opacity:.3}53%{opacity:.7}55%{opacity:.15}57%{opacity:.85}58%{opacity:.1}62%,88%{opacity:0;transform:scaleY(0)}93%{opacity:0;transform:scaleY(0)}98%{opacity:.85;transform:scaleY(1.1)}to{opacity:1;transform:scaleY(1)}}.lens-glow,.lens-reflection{transform-origin:154px 80px;animation:9s cubic-bezier(.4,0,.2,1) infinite lens-glow-cycle}@keyframes led-cycle{0%,12%,24%{opacity:1}6%,18%{opacity:.25}28%{opacity:.15}30%{opacity:1}35%{opacity:.15}37%{opacity:1}45%{opacity:1}46%{opacity:.2}48%{opacity:.9}49%{opacity:.1}50%{opacity:.95}52%{opacity:.3}53%{opacity:.75}55%{opacity:.15}58%{opacity:.1}62%,88%{opacity:0}93%{opacity:0}98%,to{opacity:1}}.status-led{filter:drop-shadow(0 0 3px #ef4444);animation:9s cubic-bezier(.4,0,.2,1) infinite led-cycle}@keyframes sleep-z-first{0%,62%{opacity:0;transform:translate(0)scale(.5)}68%{opacity:.8;transform:translate(-4px,-12px)scale(.85)}78%{opacity:0;transform:translate(-12px,-32px)scale(1.1)}to{opacity:0}}@keyframes sleep-z-second{0%,67%{opacity:0;transform:translate(0)scale(.5)}73%{opacity:.8;transform:translate(-2px,-15px)scale(.9)}83%{opacity:0;transform:translate(-8px,-36px)scale(1.15)}to{opacity:0}}@keyframes sleep-z-third{0%,72%{opacity:0;transform:translate(0)scale(.5)}78%{opacity:.8;transform:translate(-6px,-18px)scale(.95)}88%{opacity:0;transform:translate(-16px,-42px)scale(1.2)}to{opacity:0}}.z-1{animation:9s cubic-bezier(.4,0,.2,1) infinite sleep-z-first}.z-2{animation:9s cubic-bezier(.4,0,.2,1) infinite sleep-z-second}.z-3{animation:9s cubic-bezier(.4,0,.2,1) infinite sleep-z-third}.z-letter{fill:#818cf8;opacity:0;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.z-2{font-size:17px}.z-3{font-size:21px}.text-area{flex-direction:column;gap:.75rem;display:flex}.title{letter-spacing:.15em;color:var(--text-primary);font-size:1.25rem;font-weight:700}.subtitle{color:var(--text-secondary);letter-spacing:.02em;font-size:.9rem;font-weight:400}@media (prefers-reduced-motion:reduce){.camera-head,.lens-glow,.lens-reflection,.status-led,.z-letter{animation:none!important}.camera-head{transform:rotate(24deg)translate(6px,8px)}.lens-glow,.lens-reflection,.status-led,.z-letter{opacity:0!important}}