.contact-terminal{position:relative;width:100%;min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#15181c,#08090b 70%,#050608);color:#0f8;font-family:Courier New,Courier,monospace;overflow:hidden}.contact-terminal *,.contact-terminal *:before,.contact-terminal *:after{box-sizing:border-box}.contact-terminal__doors{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.contact-terminal__door{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2.5px,rgba(255,255,255,.018) 2.5px,rgba(255,255,255,.018) 3px),repeating-linear-gradient(82deg,transparent 0px,transparent 18px,rgba(255,255,255,.025) 18px,rgba(255,255,255,.025) 19px,transparent 19px,transparent 36px),linear-gradient(180deg,#3d4350,#2e323c 10%,#4a5060 24%,#363b47,#444b5a,#262b35,#1d2029 88%,#161a22);box-shadow:inset 0 0 100px #00000080,inset 0 0 0 1px #ffffff0f;pointer-events:auto;transition:transform 2.2s cubic-bezier(.4,0,.2,1);will-change:transform}.contact-terminal__door:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 22px 32px,#0e1014 0 5px,#4a5060 5px 7.5px,#7a8090 7.5px 9px,transparent 10px),radial-gradient(circle at 22px 100px,#0e1014 0 4.5px,#424856 4.5px 7px,#6a7080 7px 8.5px,transparent 9.5px),radial-gradient(circle at 22px 200px,#0e1014 0 4px,#3e4450 4px 6.5px,#606878 6.5px 8px,transparent 9px),radial-gradient(circle at calc(100% - 22px) 48px,#0e1014 0 5px,#4a5060 5px 7.5px,#7a8090 7.5px 9px,transparent 10px),radial-gradient(circle at calc(100% - 22px) 140px,#0e1014 0 4.5px,#424856 4.5px 7px,#6a7080 7px 8.5px,transparent 9.5px),radial-gradient(circle at 22px calc(100% - 40px),#0e1014 0 5px,#4a5060 5px 7.5px,#7a8090 7.5px 9px,transparent 10px),radial-gradient(circle at calc(100% - 22px) calc(100% - 60px),#0e1014 0 4.5px,#424856 4.5px 7px,#6a7080 7px 8.5px,transparent 9.5px)}.contact-terminal__door:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(172deg,transparent 28%,rgba(120,50,18,.1) 32%,rgba(150,72,28,.07) 38%,transparent 44%),radial-gradient(ellipse 60px 90px at 35% 65%,rgba(0,0,0,.18) 0%,transparent 100%),linear-gradient(91.5deg,transparent 0 38%,rgba(255,255,255,.06) 38% 38.3%,transparent 38.3% 100%),linear-gradient(89.2deg,transparent 0 62%,rgba(255,255,255,.04) 62% 62.2%,transparent 62.2% 100%),linear-gradient(90.8deg,transparent 0 18%,rgba(255,255,255,.03) 18% 18.15%,transparent 18.15% 100%);mix-blend-mode:overlay}.contact-terminal__door--left{left:0;border-right:3px solid #060809;box-shadow:inset -8px 0 24px #000000b3,inset 0 0 100px #00000080,4px 0 24px #0009}.contact-terminal__door--right{right:0;border-left:3px solid #060809;box-shadow:inset 8px 0 24px #000000b3,inset 0 0 100px #00000080,-4px 0 24px #0009}.contact-terminal__doors.is-open .contact-terminal__door--left{transform:translate(-100%)}.contact-terminal__doors.is-open .contact-terminal__door--right{transform:translate(100%)}.contact-terminal--doors-closing .contact-terminal__door{animation:contact-terminal-door-thud 60ms linear forwards}@keyframes contact-terminal-door-thud{0%{transform-origin:center}50%{transform:scale(1.01)}to{transform:scale(1)}}.contact-terminal__door-seam{display:block;position:absolute;top:0;bottom:0;width:14px;background:repeating-linear-gradient(45deg,#a3811c 0 8px,#14171c 8px 16px);box-shadow:inset 0 0 8px #0009,0 0 16px #00000080;opacity:.8}.contact-terminal__door--left .contact-terminal__door-seam{right:0}.contact-terminal__door--right .contact-terminal__door-seam{left:0}.contact-terminal__door-bolts{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.contact-terminal__door-bolts:before,.contact-terminal__door-bolts:after{content:"";position:absolute;top:40px;bottom:40px;width:30px;background-image:radial-gradient(circle at 50% 24px,#0c0e12 0 4px,#4d5462 4px 6px,#9097a6 6px 7.5px,#3a3f49 7.5px 9px,transparent 9.5px);background-size:100% 84px;background-repeat:repeat-y}.contact-terminal__door--left .contact-terminal__door-bolts:before{left:14px}.contact-terminal__door--left .contact-terminal__door-bolts:after{right:28px}.contact-terminal__door--right .contact-terminal__door-bolts:before{right:14px}.contact-terminal__door--right .contact-terminal__door-bolts:after{left:28px}.contact-terminal__door-rib{display:block;position:absolute;left:0;right:0;height:7%;min-height:44px;background:linear-gradient(180deg,#4c5362,#2c313b 55%,#1d2129);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid #0b0d11;box-shadow:inset 0 2px #ffffff14,inset 0 -4px 8px #0000008c,0 4px 12px #00000080}.contact-terminal__door-rib--top{top:17%}.contact-terminal__door-rib--bottom{bottom:17%}.contact-terminal__door-lock{display:block;position:absolute;top:50%;width:clamp(64px,8vw,104px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 38% 32%,#767d8d,#3a404b 52%,#181b21);border:3px solid #0b0d11;box-shadow:inset 0 3px 4px #ffffff2e,inset 0 -6px 12px #0009,0 6px 16px #000000b3;z-index:2}.contact-terminal__door--left .contact-terminal__door-lock{right:30px}.contact-terminal__door--right .contact-terminal__door-lock{left:30px}.contact-terminal__door-lock:before{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:conic-gradient(from 0deg,#0c0e12 0 7deg,transparent 7deg 83deg,#0c0e12 83deg 97deg,transparent 97deg 173deg,#0c0e12 173deg 187deg,transparent 187deg 263deg,#0c0e12 263deg 277deg,transparent 277deg 353deg,#0c0e12 353deg 360deg);box-shadow:inset 0 0 0 2px #00000080;opacity:.85}.contact-terminal__door-lock:after{content:"";position:absolute;top:50%;left:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#868da0,#2c313b 70%);box-shadow:inset 0 0 0 2px #0b0d11,0 1px 2px #0009}.contact-terminal__stage{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:80px 24px}.contact-terminal__deck{position:relative;width:min(1100px,100%);aspect-ratio:1448 / 1086;filter:drop-shadow(0 30px 60px rgba(0,0,0,.8))}.contact-terminal__deck-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.contact-terminal__deck-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}.contact-terminal__deck:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;box-shadow:inset 0 0 60px #00000080,0 0 90px #00ff880a;pointer-events:none;z-index:2}.contact-terminal__screen{position:absolute;left:26.5%;right:24%;top:7%;bottom:45%;transform:perspective(1600px) rotateY(-.9deg) skewY(-1.1deg) rotate(.6deg);transform-origin:50% 45%;background:#050807;border-radius:4px;box-shadow:inset 0 0 0 1px #00ff882e,inset 0 0 40px #000000b3;color:#5cffa6;text-shadow:0 0 6px rgba(0,255,136,.55);overflow:hidden;z-index:5}.contact-terminal__crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.contact-terminal__crt-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 2px,transparent 2px 5px);mix-blend-mode:multiply}.contact-terminal__crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.45) 100%);animation:contact-terminal-flicker 4.7s steps(1) infinite}@keyframes contact-terminal-flicker{0%{opacity:1}3%{opacity:.995}6%{opacity:1}19%{opacity:1}22%{opacity:.995}25%{opacity:1}61%{opacity:1}64%{opacity:.995}67%{opacity:1}to{opacity:1}}.contact-terminal__screen-inner{position:relative;z-index:5;padding:14px 18px;width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}.contact-terminal__boot{margin:0 0 6px;font-family:Courier New,Courier,monospace;font-size:clamp(9px,1vw,12px);color:#00ff888c}.contact-terminal__greeting{margin:0 0 12px;font-family:Courier New,Courier,monospace;font-size:clamp(10px,1.05vw,13px);line-height:1.5;color:#0f8;min-height:1.5em;display:flex;align-items:baseline;gap:.15rem}.contact-terminal__greeting-text{min-width:0}.contact-terminal__cursor{display:inline-block;margin-left:2px;color:#0f8;animation:contact-terminal-cursor-blink 1s steps(1) infinite}.contact-terminal__cursor:before{content:"\25ae"}@keyframes contact-terminal-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.contact-terminal__form-panel{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.contact-terminal__form{display:grid;gap:6px}.contact-terminal__field{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:8px}.contact-terminal__field label{font-family:Share Tech Mono,Courier New,Courier,monospace;font-size:clamp(9px,.9vw,11px);line-height:1.2;color:#00ff88b3;text-transform:lowercase;letter-spacing:.05em;white-space:nowrap}.contact-terminal__field label:before{content:"$ ";color:#00ff888c}.contact-terminal__input,.contact-terminal__input--textarea{width:100%;background:#0000008c;color:#0f8;caret-color:#0f8;font-family:Courier New,Courier,monospace;font-size:clamp(10px,1vw,13px);line-height:1.4;padding:4px 8px;border:0;border-bottom:1px solid rgba(0,255,136,.4);outline:0;text-shadow:0 0 4px rgba(0,255,136,.45);transition:border-color .16s ease,box-shadow .2s ease,background .2s ease}.contact-terminal__input--textarea{resize:none;min-height:60px;max-height:100px}.contact-terminal__input::placeholder,.contact-terminal__input--textarea::placeholder{color:#00ff8859}.contact-terminal__input:focus,.contact-terminal__input--textarea:focus{border-bottom-color:#0f8;background:#00ff880d;box-shadow:0 0 0 1px #00ff8873,inset 0 0 10px #00ff8814}.contact-terminal__submit{margin-top:4px;font-family:Courier New,Courier,monospace;font-size:clamp(10px,1vw,13px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0f8;background:#00ff880f;border:1px solid #00ff88;padding:6px 14px;border-radius:2px;cursor:pointer;text-shadow:0 0 6px rgba(0,255,136,.6);box-shadow:inset 0 0 14px #00ff8814,0 0 10px #00ff8826;transition:background .16s ease,box-shadow .2s ease,transform 80ms ease;align-self:flex-start}.contact-terminal__submit:hover,.contact-terminal__submit:focus-visible{background:#00ff8824;box-shadow:inset 0 0 18px #00ff882e,0 0 18px #00ff8859;outline:0}.contact-terminal__submit:active{transform:translateY(1px)}.contact-terminal__submit[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.contact-terminal__errors{margin-bottom:.5rem;color:#ff8a8a;font-size:clamp(9px,.9vw,11px)}.contact-terminal__errors-title,.contact-terminal__errors-list{margin:0}.contact-terminal__errors-list{padding-left:1.2rem}@media(prefers-reduced-motion:reduce){.contact-terminal__door{transition:transform .01ms!important}.contact-terminal--doors-closing .contact-terminal__door{animation:none!important}.contact-terminal__cursor{animation:contact-terminal-cursor-blink 2s steps(1) infinite!important}.contact-terminal__crt-overlay:after{animation:none!important}}@media(max-width:768px){.contact-terminal{min-height:auto}.contact-terminal__stage{min-height:auto;padding:28px 16px 44px}.contact-terminal__deck-image{display:none}.contact-terminal__deck{width:100%;aspect-ratio:auto;filter:none;display:block}.contact-terminal__deck:after{display:none}.contact-terminal__screen{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;border-radius:8px;box-shadow:inset 0 0 0 1px #00ff8838,inset 0 0 40px #000000b3,0 0 30px #00ff880f}.contact-terminal__screen-inner{padding:18px 16px 22px;overflow:visible}.contact-terminal__boot{font-size:12px;margin-bottom:8px}.contact-terminal__greeting{font-size:13px;margin-bottom:16px}.contact-terminal__form{gap:0}.contact-terminal__field{grid-template-columns:1fr;gap:5px;margin-bottom:14px}.contact-terminal__field label{font-size:12px}.contact-terminal__input,.contact-terminal__input--textarea{font-size:16px;line-height:1.4;padding:10px 12px}.contact-terminal__input--textarea{min-height:120px;max-height:none}.contact-terminal__submit{width:100%;text-align:center;align-self:stretch;font-size:15px;padding:13px;margin-top:6px}.contact-terminal__errors{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/contact-terminal.css.map */