.contact-page{color:#fff;box-sizing:border-box;background:0 0;justify-content:flex-start;align-items:center;height:100svh;padding:13vh 8vw 7vh;display:flex;position:relative;overflow:hidden}.contact-content{-webkit-backdrop-filter:none;backdrop-filter:none;width:min(100%,860px);box-shadow:none;background:0 0;border:none;padding:0}.contact-content h1{opacity:0;text-shadow:0 0 1vw #ffffff73,0 0 3vw #78aaff47;margin:0 0 5vh;font-size:5.5vw;font-weight:500;transform:scale(.92)translateY(1.4vh)}.contact-content:has(.contact-form-visible) h1{animation:.6s cubic-bezier(.22,1,.36,1) forwards contactPopIn}.contact-form{opacity:0;pointer-events:none;gap:2vh;transition:opacity .25s;display:grid}.contact-form-visible{opacity:1;pointer-events:auto}.contact-row{gap:1.5vw;display:flex}.contact-field,.contact-form button{opacity:0;transform:scale(.92)translateY(1.4vh)}.contact-form-visible .contact-field,.contact-form-visible button{animation:.55s cubic-bezier(.22,1,.36,1) forwards contactPopIn}.contact-form-visible .contact-row:first-child .contact-field:first-child{animation-delay:.18s}.contact-form-visible .contact-row:first-child .contact-field:nth-child(2){animation-delay:.28s}.contact-form-visible .contact-row:nth-child(2) .contact-field:first-child{animation-delay:.38s}.contact-form-visible .contact-row:nth-child(2) .contact-field:nth-child(2){animation-delay:.48s}.contact-form-visible>.contact-field{animation-delay:.58s}.contact-form-visible button{animation-delay:.72s}@keyframes contactPopIn{0%{opacity:0;transform:scale(.92)translateY(1.4vh)}70%{opacity:1;transform:scale(1.025)translateY(-.25vh)}to{opacity:1;transform:scale(1)translateY(0)}}.contact-field{border-radius:1.2vw;position:relative}.contact-form input,.contact-form textarea{color:#fff;resize:none;background:#050a146b;border:.12vw solid #ffffff2e;border-radius:1.2vw;outline:none;width:20vw;padding:1.6vh 1.4vw;font-size:.95vw;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:.95vw}.contact-form textarea{width:41.5vw;min-height:19vh}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff6b}.contact-form input:hover,.contact-form textarea:hover{background:#ffffff13;border-color:#ffffff61;transform:translateY(-.15vh);box-shadow:0 0 1vw #ffffff26,0 0 2.5vw #78aaff1f}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff1b;border-color:#fffffffa;transform:translateY(-.2vh);box-shadow:0 0 .7vw #ffffff80,0 0 2vw #ffffff52,0 0 4vw #78aaff52}.contact-form input.field-error,.contact-form textarea.field-error{border-color:#ff4646f2;box-shadow:0 0 .7vw #ff464673,0 0 2vw #ff464638}.contact-form input.field-warning{border-color:#ffa046f2;box-shadow:0 0 .7vw #ffa04673,0 0 2vw #ffa04638}.contact-form button{color:#02040a;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-self:start;width:41.5vw;margin-top:1vh;padding:1.5vh 2.4vw;font-size:.95vw;font-weight:600;transition:transform .25s,box-shadow .25s,opacity .25s;box-shadow:0 0 1.2vw #ffffff59,0 2vh 5vh #00000059}.contact-form button:hover{transform:translateY(-.35vh)scale(1.02);box-shadow:0 0 2vw #ffffff8c,0 2.5vh 6vh #00000073}.contact-form button:disabled{opacity:.55;cursor:not-allowed}.contact-status{text-align:center;color:#ffffffb8;width:41.5vw;margin:1vh 0 0;font-size:.8vw}@media (max-width:767px){.contact-page{padding-top:20vh;padding-bottom:20vh;justify-content:center;align-items:center;height:100vh;padding-inline:5vw;overflow:hidden}.contact-content{width:100%;margin-left:0;padding:0}.contact-content h1{text-align:center;margin-bottom:2vh;font-size:13vw}.contact-row{flex-direction:column;gap:1.7vh;display:flex}.contact-form{gap:1.7vh}.contact-field{border-radius:4vw}.contact-form input,.contact-form textarea{border-radius:4vw;width:100%;padding:1vh 4vw;font-size:4vw}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:4vw}.contact-form textarea{min-height:18vh}.contact-form button{width:100%;padding:1.6vh 4vw;font-size:4vw}.contact-status{text-align:center;font-size:3.5vw}}
