.contact-page{--contact-height:90dvh;--contact-gap:clamp(10px,1.5dvh,22px);--contact-padding-top:clamp(12px,2.2dvh,28px);--contact-padding-bottom:clamp(10px,1.5dvh,20px);width:100%;height:var(--contact-height);min-height:0;padding:var(--contact-padding-top)clamp(18px,2.7vw,45px)var(--contact-padding-bottom);box-sizing:border-box;background:radial-gradient(circle at 18% 25%,#00e5ff09,#0000 30%),radial-gradient(circle at 82% 60%,#00e5ff06,#0000 28%),#01070c;position:relative;overflow:hidden}.contact-page *,.contact-page :before,.contact-page :after{box-sizing:border-box}.contact-page:before{content:"";pointer-events:none;background-image:linear-gradient(#00e5ff04 1px,#0000 1px),linear-gradient(90deg,#00e5ff04 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.contact-container{z-index:1;flex-direction:column;width:100%;max-width:1650px;height:100%;min-height:0;margin:0 auto;display:flex;position:relative}.contact-main{gap:var(--contact-gap);flex:1;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);width:100%;min-height:0;display:grid}.contact-form-panel,.contact-info-panel{clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));background:linear-gradient(145deg,#03111bf5,#01080efa);border:1px solid #00e5ff3b;min-width:0;min-height:0;position:relative;overflow:hidden}.contact-form-panel:before,.contact-info-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00e5ff80,#0000);height:1px;position:absolute;top:0;left:22px;right:22px}.contact-panel-corner{pointer-events:none;z-index:5;border-style:solid;border-color:#00e5ffa6;width:26px;height:26px;position:absolute}.contact-panel-corner-tl{border-width:2px 0 0 2px;top:0;left:0}.contact-panel-corner-br{border-width:0 2px 2px 0;bottom:0;right:0}.contact-eyebrow{color:#00e5ff;letter-spacing:.08em;font-size:clamp(9px,1.05dvh,11px);font-weight:700;line-height:1.2;display:inline-block}.contact-form-panel{flex-direction:column;padding:clamp(15px,2.5dvh,28px) clamp(22px,2.3vw,38px) clamp(14px,2dvh,22px);display:flex}.contact-form-heading{flex-shrink:0}.contact-form-heading h1{color:#f1f5f9;letter-spacing:-.035em;margin-top:clamp(5px,.8dvh,10px);font-size:clamp(28px,4.1dvh,42px);font-weight:750;line-height:1.02}.contact-form-heading h1 span{color:#00e5ff;display:block}.contact-form-heading p{color:#a5b4c4;max-width:600px;margin-top:clamp(8px,1.3dvh,15px);font-size:clamp(11px,1.55dvh,14px);line-height:1.5}.contact-form{flex-direction:column;flex:1;gap:clamp(8px,1.25dvh,14px);min-height:0;margin-top:clamp(10px,1.8dvh,20px);display:flex}.contact-form-row{flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,14px);display:grid}.contact-field{background:#000f176b;border:1px solid #00e5ff52;border-radius:10px;align-items:flex-start;gap:clamp(8px,.8vw,12px);min-width:0;min-height:clamp(55px,7.5dvh,72px);padding:clamp(9px,1.2dvh,13px) clamp(10px,.9vw,15px);transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.contact-field:focus-within{background:#00e5ff09;border-color:#00e5ffcc;box-shadow:0 0 20px #00e5ff0e}.contact-field-icon{color:#00e5ff;flex-shrink:0;margin-top:2px}.contact-field-content{flex-direction:column;flex:1;min-width:0;display:flex}.contact-field-content label{color:#00e5ff;font-size:clamp(9px,1.2dvh,11px);font-weight:700;line-height:1.2}.contact-field-content label span{color:#00e5ff}.contact-field input,.contact-field select,.contact-field textarea{color:#dceaf2;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:clamp(10px,1.35dvh,13px)}.contact-field input{margin-top:clamp(4px,.7dvh,7px)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#4e7180}.contact-field select{appearance:none;cursor:pointer;margin-top:clamp(4px,.7dvh,7px);padding-right:24px}.contact-field select option{color:#dceaf2;background:#06131b}.contact-select-wrapper{position:relative}.contact-select-icon{pointer-events:none;color:#00e5ff;position:absolute;top:4px;right:0}.contact-field-full{flex-shrink:0}.contact-message-field{flex:1;min-height:clamp(100px,15dvh,150px)}.contact-message-field textarea{resize:none;height:100%;min-height:clamp(70px,9dvh,100px);margin-top:clamp(5px,.8dvh,8px);line-height:1.5}.contact-message-field textarea::-webkit-scrollbar{width:4px}.contact-message-field textarea::-webkit-scrollbar-thumb{background:#00e5ff59;border-radius:999px}.contact-submit-area{flex-shrink:0;align-items:center;display:flex}.contact-submit-button{color:#001015;cursor:pointer;background:#00dff5;border:0;border-radius:9px;align-items:center;gap:10px;min-height:clamp(40px,6dvh,52px);padding:0 clamp(17px,1.5vw,24px);font-size:clamp(10px,1.35dvh,13px);font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 0 24px #00e5ff21}.contact-submit-button:hover{background:#19e5f8;transform:translateY(-2px);box-shadow:0 8px 30px #00e5ff2e}.contact-submit-arrow{margin-left:4px;font-size:18px;line-height:1}.contact-info-panel{flex-direction:column;padding:clamp(15px,2.5dvh,30px) clamp(20px,2vw,32px) clamp(15px,2dvh,24px);display:flex}.contact-info-layout{flex:1;grid-template-columns:minmax(0,.92fr) minmax(240px,1.08fr);gap:clamp(12px,1.4vw,22px);min-height:0;margin-top:clamp(6px,1dvh,12px);display:grid}.contact-details{flex-direction:column;min-width:0;min-height:0;padding-top:clamp(2px,.7dvh,8px);display:flex}.contact-detail{align-items:flex-start;gap:clamp(9px,.8vw,14px);padding:clamp(7px,1.2dvh,13px) 0;display:flex}.contact-detail-icon{color:#00e5ff;background:linear-gradient(145deg,#00e5ff14,#00e5ff04);border:1px solid #00e5ff40;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(42px,5.8dvh,58px);height:clamp(42px,5.8dvh,58px);display:flex;box-shadow:inset 0 0 15px #00e5ff06}.contact-detail-content{min-width:0}.contact-detail-content h3{color:#f1f5f9;font-size:clamp(11px,1.55dvh,15px);font-weight:700;line-height:1.2}.contact-detail-value{color:#b9d5df;overflow-wrap:anywhere;margin-top:3px;font-size:clamp(10px,1.3dvh,13px);line-height:1.3}.contact-detail-content>span{color:#718b96;margin-top:4px;font-size:clamp(8px,1.05dvh,11px);font-style:italic;line-height:1.3;display:block}.contact-follow{border-top:1px solid #00e5ff61;margin-top:auto;padding-top:clamp(9px,1.7dvh,18px)}.contact-socials{gap:clamp(7px,.7vw,12px);margin-top:clamp(8px,1.3dvh,14px);display:flex}.contact-socials a{color:#dceaf2;background:#00e5ff06;border:1px solid #00e5ff61;border-radius:9px;justify-content:center;align-items:center;width:clamp(38px,5dvh,50px);height:clamp(38px,5dvh,50px);font-size:clamp(9px,1.25dvh,12px);font-weight:700;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex}.contact-socials a:hover{color:#00e5ff;background:#00e5ff14;border-color:#00e5ff;transform:translateY(-2px)}.contact-quote{margin-top:auto;padding-top:clamp(10px,1.8dvh,22px)}.contact-quote-mark{color:#00e5ff;font-size:clamp(32px,5dvh,46px);font-weight:800;line-height:.65}.contact-quote p{color:#b7cbd3;max-width:310px;margin-top:clamp(6px,1dvh,10px);font-size:clamp(9px,1.35dvh,13px);font-style:italic;line-height:1.5}.contact-quote span{color:#d8e8ed;margin-top:clamp(5px,.8dvh,9px);font-size:clamp(9px,1.15dvh,11px);display:block}.contact-brand{clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));background:radial-gradient(circle,#00e5ff14,#0000 45%),linear-gradient(145deg,#00e5ff09,#00080eb3);border:1px solid #00e5ff33;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.contact-brand:before{content:"";clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));pointer-events:none;border:1px solid #00e5ff1a;position:absolute;inset:clamp(12px,1.5dvh,22px)}.contact-brand:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #00e5ff1f;border-radius:50%;width:min(65%,300px);position:absolute;box-shadow:0 0 45px #00e5ff14,inset 0 0 35px #00e5ff0a}.contact-logo-container{z-index:2;aspect-ratio:1;justify-content:center;align-items:center;width:min(60%,30dvh,290px);display:flex;position:relative}.contact-logo-ring{pointer-events:none;border:1px solid #00e5ff40;border-radius:50%;position:absolute;inset:8%;transform:rotate(45deg)}.contact-logo-ring-second{border-style:dashed;border-color:#00e5ff1f;inset:15%;transform:rotate(-25deg)}.contact-logo{z-index:2;object-fit:contain;object-position:center;filter:drop-shadow(0 0 18px #00e5ff52);width:58%;height:58%;display:block;position:relative}.contact-brand-label{z-index:4;-webkit-backdrop-filter:blur(7px);background:#010c12e0;border:1px solid #00e5ff4d;border-radius:9px;align-items:center;gap:10px;max-width:90%;padding:clamp(8px,1.2dvh,12px) clamp(10px,1vw,15px);display:flex;position:absolute;bottom:clamp(10px,1.5dvh,18px);right:clamp(10px,1.2vw,18px)}.contact-brand-label>svg{color:#00e5ff;flex-shrink:0}.contact-brand-label div{flex-direction:column;display:flex}.contact-brand-label strong{color:#e2f5fa;font-size:clamp(9px,1.2dvh,12px);line-height:1.2}.contact-brand-label span{color:#66838e;margin-top:3px;font-size:clamp(7px,.95dvh,10px);line-height:1.2}.contact-footer{border-top:1px solid #00e5ff38;border-bottom:1px solid #00e5ff1f;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:clamp(30px,5dvh,46px);margin-top:clamp(7px,1.3dvh,14px);padding:clamp(5px,.8dvh,9px) clamp(10px,1.2vw,18px);display:grid}.contact-footer-message,.contact-footer-status{color:#00dff5;align-items:center;gap:8px;font-size:clamp(8px,1.1dvh,11px);display:flex}.contact-footer-status{color:#9dbbc4;justify-content:flex-end}.contact-footer-message svg,.contact-footer-status svg{color:#a6ff00;flex-shrink:0}.contact-footer-services{color:#8daab4;white-space:nowrap;justify-content:center;align-items:center;gap:clamp(7px,.7vw,12px);font-size:clamp(8px,1.05dvh,11px);display:flex}.contact-footer-services i{background:#00e5ff;border-radius:50%;flex-shrink:0;width:3px;height:3px}@media (max-height:800px) and (min-width:1101px){.contact-form-panel{padding-top:12px;padding-bottom:10px}.contact-form-heading h1{font-size:clamp(25px,3.8dvh,34px)}.contact-form-heading p{margin-top:7px;font-size:11px;line-height:1.4}.contact-form{gap:7px;margin-top:10px}.contact-field{min-height:52px;padding-top:8px;padding-bottom:8px}.contact-message-field{min-height:90px}.contact-message-field textarea{min-height:55px}.contact-info-panel{padding-top:12px;padding-bottom:10px}.contact-detail{padding-top:6px;padding-bottom:6px}.contact-detail-icon{width:40px;height:40px}.contact-follow{padding-top:8px}.contact-socials{margin-top:7px}.contact-socials a{width:38px;height:38px}.contact-quote{padding-top:8px}.contact-quote-mark{font-size:30px}.contact-quote p{margin-top:5px;font-size:9px}.contact-brand-label{padding-top:7px;padding-bottom:7px}}@media (max-height:680px) and (min-width:1101px){.contact-page{--contact-padding-top:8px;--contact-padding-bottom:8px}.contact-main{gap:10px}.contact-form-panel{padding:9px 25px 8px}.contact-form-heading h1{font-size:25px;line-height:.98}.contact-form-heading p{margin-top:5px;font-size:10px;line-height:1.3}.contact-form{gap:5px;margin-top:7px}.contact-field{min-height:45px;padding:6px 10px}.contact-field-content label{font-size:9px}.contact-field input,.contact-field select,.contact-field textarea{font-size:10px}.contact-field input,.contact-field select{margin-top:2px}.contact-message-field{min-height:72px}.contact-message-field textarea{min-height:40px;margin-top:3px}.contact-submit-button{min-height:36px;padding-left:15px;padding-right:15px}.contact-info-panel{padding:9px 22px 8px}.contact-info-layout{gap:10px;margin-top:4px}.contact-detail{padding-top:4px;padding-bottom:4px}.contact-detail-icon{width:34px;height:34px}.contact-detail-content h3{font-size:11px}.contact-detail-value{font-size:9px}.contact-detail-content>span{font-size:8px}.contact-follow{padding-top:6px}.contact-socials{gap:6px;margin-top:5px}.contact-socials a{width:32px;height:32px}.contact-quote{padding-top:5px}.contact-quote-mark{font-size:25px}.contact-quote p{margin-top:3px;font-size:8px;line-height:1.3}.contact-quote span{margin-top:3px;font-size:8px}.contact-brand-label{padding:6px 8px;bottom:8px;right:8px}.contact-brand-label strong{font-size:8px}.contact-brand-label span{font-size:7px}.contact-footer{min-height:27px;margin-top:5px;padding-top:3px;padding-bottom:3px}}@media (max-width:1100px){.contact-page{height:auto;min-height:0;max-height:none;padding:25px 22px 35px;overflow:visible}.contact-container{height:auto;min-height:0;max-height:none;overflow:visible}.contact-main{flex:none;grid-template-columns:1fr;gap:18px;min-height:0;display:grid}.contact-form-panel,.contact-info-panel{min-height:0;padding:28px 30px 25px}.contact-info-layout{flex:none;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);min-height:500px}.contact-message-field{min-height:160px}.contact-footer{flex-shrink:0;margin-top:18px}}@media (max-width:700px){.contact-page{height:auto;min-height:0;max-height:none;padding:18px 12px 28px;overflow:visible}.contact-container{height:auto;min-height:0;max-height:none;overflow:visible}.contact-main{flex-direction:column;flex:none;gap:16px;display:flex}.contact-form-panel{min-height:auto;padding:24px 18px 22px}.contact-form-heading h1{font-size:30px;line-height:1.02}.contact-form-heading p{font-size:12px;line-height:1.6}.contact-form{flex:none;gap:12px;margin-top:18px}.contact-form-row{grid-template-columns:1fr;gap:12px}.contact-field{min-height:68px}.contact-message-field{min-height:145px}.contact-message-field textarea{height:95px;min-height:0}.contact-submit-area{margin-top:2px}.contact-submit-button{justify-content:center;width:100%}.contact-info-panel{min-height:auto;padding:24px 18px}.contact-info-layout{flex-direction:column;flex:none;gap:20px;min-height:0;display:flex}.contact-details{padding-top:0}.contact-brand{order:-1;min-height:380px}.contact-logo-container{width:min(65%,250px)}.contact-brand-label{bottom:14px;right:14px}.contact-footer{flex-direction:column;gap:14px;margin-top:16px;padding:15px 8px;display:flex}.contact-footer-message,.contact-footer-status{text-align:center;justify-content:center}.contact-footer-services{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center}}@media (max-width:420px){.contact-page{padding:15px 9px 24px}.contact-form-panel,.contact-info-panel{padding-left:15px;padding-right:15px}.contact-form-heading h1{font-size:27px}.contact-form-heading p{font-size:11px}.contact-detail-icon{width:46px;height:46px}.contact-socials a{width:42px;height:42px}.contact-brand{min-height:330px}.contact-brand-label{max-width:none;left:14px;right:14px}}.contact-status{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:clamp(40px,5dvh,52px);padding:10px 14px;font-size:clamp(12px,.8vw,14px);line-height:1.4;animation:.3s forwards contactStatusEntry;display:flex}.contact-status-success{color:#0ff;background:#00ffff12;border:1px solid #00ffff73;box-shadow:0 0 12px #00ffff14,inset 0 0 12px #00ffff08}.contact-status-error{color:#ff7070;background:#ff3c3c12;border:1px solid #ff505073;box-shadow:0 0 12px #ff3c3c14,inset 0 0 12px #ff3c3c08}.contact-submit-area{box-sizing:border-box;align-items:center;width:100%;display:flex}.contact-submit-button{color:#001014;cursor:pointer;background:#0ff;border:none;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:clamp(48px,6dvh,60px);padding:0 clamp(20px,2vw,32px);font-size:clamp(13px,.9vw,15px);font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 5px 15px #00ffff40}.contact-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0ff6}.contact-submit-button:active:not(:disabled){transform:translateY(0)}.contact-submit-button:disabled{opacity:.65;cursor:not-allowed}.contact-submit-arrow{font-size:20px;line-height:1}.contact-spinner{animation:.8s linear infinite contactSpinner}@keyframes contactSpinner{to{transform:rotate(360deg)}}@keyframes contactStatusEntry{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contact-field input:disabled,.contact-field select:disabled,.contact-field textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.contact-status{min-height:48px}.contact-submit-button{min-height:52px}}@media (max-width:768px){.contact-status{min-height:46px;padding:9px 12px;font-size:12px}.contact-submit-area{width:100%}.contact-submit-button{width:100%;min-height:52px}}@media (max-width:480px){.contact-status{gap:8px;font-size:11px}.contact-submit-button{min-height:50px;font-size:13px}}
