@keyframes landing-float-particle{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.2)}50%{transform:translate(-20px,20px)scale(.8)}75%{transform:translate(40px,10px)scale(1.1)}}@keyframes landing-pulse-glow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.05)}}@keyframes landing-pulse-glow-accent{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.55;transform:scale(1.05)}}@keyframes landing-slide-right{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes landing-cursor-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.landing-cursor-pill{animation:.18s ease-out landing-cursor-in}.landing-shell{background:linear-gradient(180deg,color-mix(in oklch,var(--color-background)92%,var(--color-foreground)8%)0%,color-mix(in oklch,var(--color-background)88%,var(--color-primary)12%)40%,color-mix(in oklch,var(--color-background)94%,var(--color-foreground)6%)70%,var(--color-background)100%)}.academy-mode-two .scene{perspective:2000px;transform-style:preserve-3d;transition:transform .5s ease-out;transform:rotateY(-15deg)rotateX(5deg)}.academy-mode-two .product-col:hover .scene{transform:rotateY(-5deg)rotateX(2deg)}.academy-mode-two .computer-unit,.academy-mode-two .face,.academy-mode-two .keyboard-assembly,.academy-mode-two .kb-base,.academy-mode-two .kb-front,.academy-mode-two .kb-back,.academy-mode-two .kb-left,.academy-mode-two .kb-right,.academy-mode-two .kb-shadow,.academy-mode-two .keys-grid,.academy-mode-two .key{transform-style:preserve-3d}.academy-mode-two .face{backface-visibility:visible;position:absolute}.academy-mode-two .front{transform:translateZ(100px)}.academy-mode-two .back{transform:translateZ(-100px)rotateY(180deg)}.academy-mode-two .left{transform:rotateY(-90deg)translateZ(100px)}.academy-mode-two .right{transform:rotateY(90deg)translateZ(260px)}.academy-mode-two .top{transform:rotateX(90deg)translateZ(100px)}.academy-mode-two .bottom{transform:rotateX(-90deg)translateZ(340px)}.academy-mode-two .keyboard-assembly{transform-origin:top;transform:translateZ(164px)rotateX(66deg)}.academy-mode-two .kb-base{transform:translateZ(9px)}.academy-mode-two .kb-front{transform-origin:bottom;transform:translateZ(9px)rotateX(90deg)}.academy-mode-two .kb-back{transform-origin:top;transform:translateZ(9px)rotateX(-90deg)}.academy-mode-two .kb-left{transform-origin:0;transform:translateZ(9px)rotateY(90deg)}.academy-mode-two .kb-right{transform-origin:100%;transform:translateZ(9px)rotateY(-90deg)}.academy-mode-two .kb-shadow{transform-origin:top;transform:rotateX(-156deg)translateZ(20px)}.academy-mode-two .keys-grid{transform:translateZ(8px)}.academy-mode-two .key{transform:translateZ(1px)}.academy-mode-two .sticker-text{transform:translateZ(101px)rotate(-2deg)}.academy-mode-two .crt:before{content:"";background:linear-gradient(#12101000 50%,#0003 50%),linear-gradient(90deg,color-mix(in oklch,var(--mode-two-accent)35%,transparent),color-mix(in oklch,var(--mode-two-accent-strong)25%,transparent),color-mix(in oklch,var(--mode-two-ink)35%,transparent));z-index:5;pointer-events:none;background-size:100% 2px,3px 100%;border-radius:12px;position:absolute;inset:0}@keyframes modeTwoKey{0%,to{box-shadow:0 6px 0 var(--mode-two-key-shadow),0 8px 7px color-mix(in oklch,var(--mode-two-ink)20%,transparent);transform:translateZ(1px)translateY(0)}50%{box-shadow:0 1px 0 var(--mode-two-key-shadow),0 1px 2px color-mix(in oklch,var(--mode-two-ink)15%,transparent);transform:translateZ(-2px)translateY(5px)}}.academy-mode-two .animate-key-1{animation:1.5s .2s infinite modeTwoKey}.academy-mode-two .animate-key-2{animation:2.1s .5s infinite modeTwoKey}.academy-mode-two .animate-key-3{animation:1.8s .9s infinite modeTwoKey}.academy-mode-two .animate-key-4{animation:2.5s 1.2s infinite modeTwoKey}.academy-mode-two .animate-key-5{animation:1.2s infinite modeTwoKey}
