.cp-hero{--cp-yellow: #fcee0a;--cp-turquoise: #00f0ff;--cp-turquoise-border: #00f0ff4d;--cp-turquoise-glow: #00f0ff40;--cp-black: #0a0a0a;--cp-white: #ffffff;--cp-muted: #9a9a9a;--cp-form-bg: #0E101B;--font-heading: "Blender Pro", "Eina01", sans-serif;position:relative;isolation:isolate;color:var(--cp-white);overflow:hidden;min-height:100svh;display:flex;flex-direction:column}.cp-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cp-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.cp-hero__media-desktop{display:none}.cp-hero__media-mobile{display:block}.cp-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000008c,#00000059 45%,#00000040);pointer-events:none}.cp-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;height:72px;background:linear-gradient(360deg,#00000f,#00000f00);pointer-events:none}.cp-hero__inner{position:relative;z-index:3;width:100%;max-width:1119px;margin:0 auto;padding:9rem 3rem;display:flex;flex-direction:column;flex:1;box-sizing:border-box}.cp-hero__heading{margin:0 0 3.2rem;color:var(--cp-yellow);font-family:var(--font-heading);font-weight:700;font-size:4rem;line-height:90%;letter-spacing:0;text-transform:uppercase}.cp-hero__columns{display:flex;flex-direction:column;gap:1.6rem;flex:1}.cp-hero__content{display:contents}.cp-hero__subheading{order:1;margin:0;color:var(--cp-yellow);font-family:var(--font-heading);font-weight:700;font-size:2.2rem;line-height:102%;letter-spacing:0;text-transform:uppercase}.cp-hero__description{order:3;margin:0;color:var(--cp-white);font-family:var(--font-heading);font-weight:700;font-size:1.5rem;line-height:138%;letter-spacing:0}.cp-hero__description p{margin:0 0 .8em}.cp-hero__description p:last-child{margin-bottom:0}.cp-hero__logos{order:4;display:none;align-items:center;margin-top:.4rem}.cp-hero__logos-img{display:block;max-width:min(100%,33rem);max-height:4.2rem;width:100%;height:100%;object-fit:contain}.cp-hero__form-wrap{order:2;width:100%;margin-top:0;display:flex;flex-direction:column;gap:.2rem;padding-left:0;padding-right:2rem;padding-bottom:1rem;box-sizing:border-box;overflow:visible}.cp-hero__form{--cp-form-padding-x: 1.6rem;--cp-corner-size: 2rem;width:100%;max-width:407px;margin-top:2rem;position:relative;background:var(--cp-form-bg);border:2px solid var(--cp-turquoise-border);box-shadow:0 0 15px 0 var(--cp-turquoise-glow);padding:1.3rem 1.9rem;display:flex;flex-direction:column;gap:1.2rem;overflow:visible;box-sizing:border-box}.cp-hero__customer-form{display:flex;flex-direction:column;gap:0}.cp-hero__form-fields{display:flex;flex-direction:column;gap:1.2rem}.cp-hero__form-fields[hidden]{display:none!important}.cp-hero__form-corners{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:visible}.cp-hero__form-corner{position:absolute;width:100%;height:100%;line-height:0}.cp-hero__form-corner img{display:block;width:100%;height:100%;object-fit:contain}.cp-hero__form-corner--tl{top:0;left:0;transform:translate(-60%,-60%);width:1.7rem;height:1.7rem}.cp-hero__form-corner--tr{top:0;right:0;transform:translate(100%,-45%);width:2.7rem;height:1.9rem}.cp-hero__form-title{margin:0 0 1.6rem;color:var(--cp-turquoise);font-family:var(--font-heading);font-weight:700;font-size:2.2rem;line-height:100%;letter-spacing:-.01em;text-transform:uppercase}.cp-hero__form-title[hidden]{display:none!important;margin:0}.cp-hero__field{display:flex;flex-direction:column;gap:.6rem}.cp-hero__label{color:#848484;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;line-height:100%;letter-spacing:0;text-transform:uppercase}.cp-hero__input{width:100%;box-sizing:border-box;background:#000;border:1px solid #848484;color:var(--cp-white);font-family:var(--font-heading);font-weight:700;font-size:1.2rem;line-height:100%;letter-spacing:.07em;padding:.9rem 1.6rem;border-radius:0;outline:none;appearance:none;-webkit-appearance:none}.cp-hero__input::placeholder{color:#848484;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;line-height:100%;letter-spacing:.07em;opacity:1}.cp-hero__input:focus{border-color:var(--cp-turquoise);box-shadow:0 0 0 1px var(--cp-turquoise-glow)}.cp-hero__consent{display:flex;align-items:flex-start;gap:.86rem;margin-top:1.3rem}.cp-hero__checkbox[type=checkbox]{-webkit-appearance:none;appearance:none;display:block;flex:0 0 8px;width:8px!important;height:8px!important;min-width:8px;min-height:8px;max-width:8px;max-height:8px;margin:2px 0 0;padding:0;box-sizing:border-box;aspect-ratio:1 / 1;background-color:#fff;border:1px solid var(--cp-yellow);border-radius:0;cursor:pointer;position:relative;transform:none}.cp-hero__checkbox[type=checkbox]:checked{background-color:var(--cp-yellow);border-color:var(--cp-yellow)}.cp-hero__checkbox[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:2px;height:3.5px;border:solid var(--cp-black);border-width:0 1px 1px 0;transform:translate(-50%,-50%) rotate(45deg)}.cp-hero__checkbox[type=checkbox]:focus-visible{outline:2px solid var(--cp-turquoise);outline-offset:2px}.cp-hero__consent-text{margin:0;color:#848484;font-family:var(--font-heading);font-weight:700;font-size:.8rem;line-height:100%;letter-spacing:0}.cp-hero__consent-text a{color:inherit;text-decoration:underline}.cp-hero__consent-text a:hover{color:var(--cp-turquoise)}.cp-hero__form-svgs{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;width:100%;margin-top:.2rem}.cp-hero__form-svg{display:flex;align-items:center;flex:0 1 auto;max-width:none}.cp-hero__form-svg--left{margin-left:0}.cp-hero__form-svg--right{margin-left:auto;margin-right:0;justify-content:flex-end}.cp-hero__form-svg img{display:block;max-width:none;width:auto;height:auto;object-fit:contain}.cp-hero__form-svg--left img{width:72px;height:9px}.cp-hero__form-svg--right img{width:52px;height:11px}.cp-hero__submit-wrap{display:flex;justify-content:flex-end;width:100%}.cp-hero__message{display:flex;align-items:flex-start;gap:.6rem;margin:0;font-family:var(--font-heading);font-weight:700;font-size:1.3rem;line-height:1.3}.cp-hero__message[hidden]{display:none!important}.cp-hero__message--error{color:#ff5a5a;margin-top:.8rem}.cp-hero__message--success{color:var(--cp-white);margin-top:.8rem;max-width:90%}.btn-cyber{--cp-turquoise: #00f0ff;--cp-black: #0a0a0a;--font-heading: "Blender Pro", "Eina01", sans-serif;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.2rem 1rem;background:transparent;color:var(--cp-black);font-family:var(--font-heading);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:0;border:none;cursor:pointer;z-index:1;transition:color .25s;text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);margin-top:1.6rem}.btn-cyber-hero{will-change:opacity,filter}.btn-cyber:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:var(--cp-turquoise);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);z-index:-1;transform-origin:right center;transition:opacity .2s ease-in}.btn-cyber-hero:before{animation:hud-flicker-bg 3s ease-in-out infinite;will-change:opacity,filter,background-color}.btn-cyber:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cp-turquoise);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0,1px 1px,1px calc(100% - 1px),calc(100% - 16px) calc(100% - 1px),calc(100% - 1px) calc(100% - 16px),calc(100% - 1px) 1px,1px 1px);z-index:-1;transform:translateZ(0);backface-visibility:hidden;transition:background-color .12s ease-in}.btn-cyber:hover{color:var(--cp-turquoise);animation:glitch-shake .25s ease 1}.btn-cyber:hover:before{animation:cyber-bg-hover .34s ease-out 1 forwards}.btn-cyber:focus-visible{outline:2px solid var(--cp-yellow);outline-offset:3px}@keyframes glitch-shake{0%{transform:translate(5px,5px)}50%{transform:translate(5px,5px)}51%{transform:translate(-7px,2px)}75%{transform:translate(-7px,2px)}76%{transform:translate(6px,-6px)}99%{transform:translate(6px,-6px)}to{transform:translate(0)}}@keyframes hud-flicker-bg{0%,to{opacity:1;filter:saturate(1) contrast(1)}94%{opacity:1;filter:saturate(1) contrast(1)}95%{opacity:.94;filter:saturate(1.04) contrast(1.02)}96%{opacity:.88;filter:saturate(1.08) contrast(1.04)}97%{opacity:.96;filter:saturate(1.02) contrast(1.01)}98%{opacity:.9;filter:saturate(1.06) contrast(1.03)}99%{opacity:.98;filter:saturate(1.01) contrast(1.01)}}@keyframes cyber-bg-hover{0%{transform:scaleX(1);opacity:1;background-color:var(--cp-turquoise)}32%{transform:scaleX(0);opacity:1;background-color:var(--cp-turquoise)}33%{transform:scaleX(1);opacity:1;background-color:var(--cp-yellow)}72%{transform:scaleX(1);background-color:var(--cp-yellow)}to{transform:scaleX(0);opacity:0;background-color:var(--cp-yellow)}}@media screen and (min-width:750px){.cp-hero{min-height:auto}.cp-hero__media-desktop{display:block}.cp-hero__media-mobile{display:none}.cp-hero__heading{font-size:8rem;margin-bottom:2.4rem;max-width:100%}.cp-hero__columns{flex-direction:row;align-items:flex-start;gap:16rem}.cp-hero__content{display:flex;flex-direction:column;gap:2.4rem;flex:1 1 auto;max-width:39rem;order:1}.cp-hero__subheading{order:initial;font-size:3rem}.cp-hero__description{order:initial;font-size:1.5rem}.cp-hero__logos{order:initial}.cp-hero__form-wrap{order:2;flex:0 1 407px;max-width:407px;margin-top:0;padding-left:0;padding-right:0}.cp-hero__form{--cp-form-padding-x: 2.2rem;max-width:407px;margin-inline:0;padding:1.6rem 2.4rem;gap:1.6rem;margin-top:1.6rem}.cp-hero__form-title{font-size:3rem;line-height:100%;letter-spacing:0}.cp-hero__label{font-size:1.5rem;line-height:100%;letter-spacing:0}.cp-hero__field{gap:.8rem}.cp-hero__input{font-size:1.5rem;line-height:100%;letter-spacing:.07em;padding:1.3rem 2.1rem}.cp-hero__input::placeholder{font-size:1.5rem;line-height:100%;letter-spacing:.07em}.cp-hero__consent{margin-top:1.6rem;gap:1.1rem;margin-bottom:1rem}.cp-hero__consent-text{font-size:1rem;line-height:100%;letter-spacing:0}.cp-hero__form-svg--left img{width:72px;height:9px}.cp-hero__form-svg--right img{width:52px;height:11px}.cp-hero__checkbox[type=checkbox]{flex-basis:10px;width:10px!important;height:10px!important;min-width:10px;min-height:10px;max-width:10px;max-height:10px;border-width:1px}.cp-hero__checkbox[type=checkbox]:checked:after{width:2.5px;height:4.5px;border-width:0 1.5px 1.5px 0;top:45%}.btn-cyber{font-size:1.5rem;padding:1.2rem 1.7rem 1.3rem;margin-top:.6rem}.cp-hero__inner{padding:16.9rem 3rem}.cp-hero__logos{display:flex}}@media screen and (max-width:990px)and (min-width:750px){.cp-hero__columns{gap:2rem;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.btn-cyber:hover{animation:none}.btn-cyber-hero,.btn-cyber-hero:before{animation:none}.btn-cyber:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-cyberpunk-hero.css.map */