.contact-page{--contact-text:#e6eef7;--contact-muted:#92a7bd;--contact-soft:#c1cfdd;--contact-accent:#54ccb6;--contact-accent-soft:#54ccb624;--contact-accent-dim:#54ccb666;--contact-panel:#0c17268c;--contact-panel-strong:#0f1c2fd9;--contact-border:#8fa5be24;--contact-border-strong:#8fa5be47;color:var(--contact-text);isolation:isolate;scrollbar-width:none;background:linear-gradient(#08111d 0%,#091321 42%,#0b1625 100%);height:100vh;min-height:100vh;max-height:100vh;padding:0;position:relative;overflow:hidden}.contact-page::-webkit-scrollbar{display:none}body.fixed-webgl{background-color:#000!important}@media screen and (max-width:1280px){body #hero-element.hero--contact{display:none}}@media screen and (min-width:1281px){#hero-canvas__container.hero--contact{transform-origin:0}}#hero-element.hero--contact .await-fetch-contact{z-index:20;bottom:260px;left:auto;right:-60px}#hero-element.hero--contact .click-discovery{z-index:20;bottom:200px;left:auto;right:-80px}#hero-element.hero--contact .orange-bar{width:24vw;left:0;right:auto}#hero-element.hero--contact .js-icon{z-index:20;width:90px;top:350px;left:auto;right:-40px}#hero-element.hero--contact .vue-icon{z-index:20;width:100px;bottom:220px;left:auto;right:-60px}.contact-page__shell{z-index:10;opacity:0;width:min(1540px,100% - 32px);height:100vh;animation:.6s ease-out both contactFadeIn;animation-delay:var(--page-enter-delay,0s);flex-direction:column;margin:0 auto;display:flex;position:relative}@keyframes contactFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contactFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes contactPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #54ccb68c}50%{opacity:.85;transform:scale(1.18);box-shadow:0 0 0 8px #54ccb600}}@keyframes contactGlyphFloat{0%,to{transform:translate(0)}50%{transform:translateY(-8px)}}.contact-back-link{opacity:0;animation:.6s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:var(--page-enter-delay,0s)}.contact-back-link:hover{color:var(--contact-accent)!important}.contact-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(520px,720px);align-items:center;gap:clamp(40px,6vw,100px);min-height:0;padding:clamp(48px,7vh,76px) 0 clamp(14px,2vh,28px);display:grid}@media screen and (max-width:1280px){.contact-layout{grid-template-columns:1fr;gap:24px;padding:clamp(70px,11vh,110px) 0 24px;overflow-y:auto}}.contact-spacer{min-height:1px}@media screen and (max-width:1280px){.contact-spacer{display:none}}.contact-content{flex-direction:column;justify-self:end;gap:clamp(10px,1.5vh,18px);width:min(100%,720px);max-height:100%;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1280px){.contact-content{justify-self:stretch}}.contact-bg-glyph{letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.2px #54ccb614;text-stroke:1.2px #54ccb614;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:N27,sans-serif;font-size:clamp(8rem,16vw,16rem);font-weight:700;line-height:.8;animation:8s ease-in-out infinite contactGlyphFloat;position:absolute;top:clamp(-70px,-8vh,-40px);right:-10px}@media screen and (max-width:768px){.contact-bg-glyph{font-size:clamp(7rem,24vw,12rem)}}.contact-header{z-index:1;opacity:0;animation:.7s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:calc(var(--page-enter-delay,0s) + .1s);flex-direction:column;gap:clamp(6px,1vh,11px);display:flex;position:relative}.contact-header__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--contact-accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#54ccb60f;border:1px solid #54ccb640;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-family:N27,sans-serif;font-size:.65rem;display:inline-flex}.contact-header__pulse{background:var(--contact-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite contactPulse}.contact-header__title{letter-spacing:-.05em;flex-direction:column;margin:0;font-family:N27,sans-serif;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:700;line-height:.94;display:flex}.title-line{display:block}.title-line--1{background:linear-gradient(135deg,#fff 0%,#d4f7f0 60%,var(--contact-accent)100%);-webkit-text-fill-color:#0000;text-shadow:0 12px 40px #54ccb62e;-webkit-background-clip:text;background-clip:text}.title-line--2{color:#0000;-webkit-text-stroke:1.2px #ffffff8c;text-stroke:1.2px #ffffff8c;margin-left:clamp(30px,6vw,70px)}.contact-header__sub{color:var(--contact-soft);letter-spacing:.005em;max-width:440px;margin:0;font-size:.95rem;line-height:1.5}.contact-email{z-index:1;border:1px solid var(--contact-border);color:var(--contact-text);opacity:0;animation:.7s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:calc(var(--page-enter-delay,0s) + .2s);background:linear-gradient(135deg,#0f1c2f8c 0%,#08111da6 100%);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:11px 20px;text-decoration:none;transition:border-color .4s,transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;display:grid;position:relative;overflow:hidden}.contact-email:before{content:"";background:radial-gradient(420px circle at var(--mx,50%)var(--my,50%),#54ccb61a,transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.contact-email:hover{border-color:var(--contact-accent-dim);transform:translateY(-3px);box-shadow:0 24px 60px #0006,0 0 0 1px #54ccb61f}.contact-email:hover:before{opacity:1}.contact-email:hover .contact-email__arrow{color:var(--contact-accent);transform:translate(4px,-4px)}.contact-email:hover .contact-email__value{color:var(--contact-accent)}.contact-email__label{letter-spacing:.18em;text-transform:uppercase;color:var(--contact-muted);border-right:1px solid var(--contact-border-strong);padding-right:18px;font-family:N27,sans-serif;font-size:.7rem}.contact-email__value{letter-spacing:.005em;color:var(--contact-text);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;transition:color .3s;overflow:hidden}.contact-email__arrow{color:var(--contact-muted);flex-shrink:0;transition:transform .4s cubic-bezier(.165,.84,.44,1),color .3s}.contact-sep{opacity:0;animation:.7s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:calc(var(--page-enter-delay,0s) + .3s);align-items:center;gap:14px;margin:0;display:flex}.contact-sep__line{background:linear-gradient(90deg,#0000,#8fa5be4d,#0000);flex:1;height:1px}.contact-sep__text{letter-spacing:.22em;text-transform:uppercase;color:var(--contact-muted);font-family:N27,sans-serif;font-size:.7rem}.contact-form{z-index:1;border:1px solid var(--contact-border);-webkit-backdrop-filter:blur(28px);opacity:0;animation:.7s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:calc(var(--page-enter-delay,0s) + .35s);background:linear-gradient(145deg,#0e182680 0%,#050a14b3 100%);border-radius:18px;flex-direction:column;gap:clamp(8px,1.2vh,13px);padding:clamp(13px,1.8vh,20px) clamp(18px,2.4vw,26px);display:flex;position:relative;box-shadow:0 24px 56px #00000080,inset 0 1px #ffffff0d}@media screen and (max-width:560px){.contact-form{padding:18px}}.contact-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media screen and (max-width:560px){.contact-row{grid-template-columns:1fr;gap:10px}}.contact-field{flex-direction:column;gap:6px;display:flex;position:relative}.contact-field__label{letter-spacing:.18em;text-transform:uppercase;color:var(--contact-muted);font-family:N27,sans-serif;font-size:.7rem;font-weight:500}.contact-field__input{border:1px solid var(--contact-border);width:100%;color:var(--contact-text);background:#ffffff05;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .3s,background .3s,box-shadow .3s}.contact-field__input::placeholder{color:#ffffff2e}.contact-field__input:hover{border-color:var(--contact-border-strong)}.contact-field__input:focus{border-color:var(--contact-accent-dim);background:#ffffff09;box-shadow:0 0 0 4px #54ccb614}textarea.contact-field__input{resize:none;min-height:clamp(48px,7vh,76px);max-height:10vh;line-height:1.45}.contact-submit{border:1px solid var(--contact-accent);color:#050a15;letter-spacing:.04em;cursor:pointer;background:linear-gradient(90deg,#54ccb6bf 0%,#54ccb699 100%);border-radius:100px;align-self:flex-start;align-items:center;gap:10px;margin-top:2px;padding:11px 24px 11px 22px;font-size:.95rem;font-weight:600;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s,background .4s,border-color .4s,color .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #54ccb638}.contact-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:70%;height:100%;transition:left .7s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:-120%;transform:skew(-20deg)}.contact-submit:hover:not(:disabled){background:var(--contact-accent);border-color:var(--contact-accent);color:#050a15;transform:translateY(-2px);box-shadow:0 14px 36px #54ccb652}.contact-submit:hover:not(:disabled):before{left:220%}.contact-submit:hover:not(:disabled) .contact-submit__icon{transform:translate(4px)}.contact-submit:disabled{cursor:not-allowed;opacity:.7}.contact-submit.contact-submit--sent{border-color:var(--contact-accent);color:var(--contact-accent);background:#54ccb640}.contact-submit.contact-submit--sending{color:var(--contact-soft)}.contact-submit__icon{font-size:1.05rem;line-height:1;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:inline-block}.contact-socials{opacity:0;animation:.7s cubic-bezier(.65,0,.15,1) both contactFadeUp;animation-delay:calc(var(--page-enter-delay,0s) + .45s);flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.contact-social{color:var(--contact-text);letter-spacing:.04em;background:#ffffff0f;border:1px solid #8fa5be52;border-radius:100px;align-items:center;gap:8px;padding:7px 12px 7px 10px;font-size:.82rem;text-decoration:none;transition:color .3s,border-color .3s,background .3s,transform .3s;display:inline-flex}.contact-social svg{transition:transform .3s}.contact-social:hover{color:var(--contact-accent);border-color:var(--contact-accent-dim);background:#54ccb614;transform:translateY(-2px)}.contact-social:hover svg{transform:scale(1.1)}
