.robot-section{perspective:1000px;z-index:5;background-color:#0000;background-image:radial-gradient(at 0 0,#3b82f633 0,#0000 50%),radial-gradient(at 100% 0,#4f46e533 0,#0000 50%),radial-gradient(at 100% 100%,#2563eb26 0,#0000 50%),radial-gradient(at 0 100%,#1d4ed833 0,#0000 50%),linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);background-position:50%;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:40px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset -10px 0 40px #0003}.robot-section:before{content:"";opacity:.03;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.robot-container{z-index:10;width:250px;height:250px;transform-style:preserve-3d;filter:drop-shadow(0 25px 35px #0f172a33)drop-shadow(0 10px 15px #0f172a1a);transition:transform .2s ease-out;position:relative}@keyframes robotBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.robot-eye{transform-origin:50%;transform-box:fill-box;transition:transform .1s;animation:4s infinite robotBlink}.robot-page-container{background-color:hsl(var(--card));border:1px solid hsl(var(--border) / .1);border-radius:28px;width:100%;max-width:1000px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 40px 80px #0f172a14,0 10px 20px #0f172a0a}@media (max-width:768px){.robot-page-container{border-radius:20px;flex-direction:column}.robot-section{padding:40px 0}}