:root{--primary-color:#a855f7;--primary-color-dark:#4f46e5;--primary-color-rgb:168,85,247;--primary-color-dark-rgb:79,70,229;--extra-light:#faf5ff;--border:#3f403c}#contact{background:#020202;width:100%;min-height:100%;padding:10rem 1rem 5rem;position:relative}#contact img{aspect-ratio:2.5;object-fit:cover;filter:saturate(1.25);width:100%;position:absolute;top:0;left:0}.contact-overlay{aspect-ratio:2.5;background:linear-gradient(#0000 75%,#020202);background:linear-gradient(to bottom in oklch,transparent 75%,#020202);width:100%;position:absolute;top:0;left:0}@property --angle{syntax:"<angle>";inherits:false;initial-value:135deg}@property --color{syntax:"<color>";inherits:false;initial-value:#4f46e5cc}.inner-form{--angle:135deg;--color:#4f46e5cc;color:#fff;background:linear-gradient(180deg,#0009,#0006)padding-box,linear-gradient(var(--angle),var(--color),transparent 25%)border-box;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid #0000;border-radius:10px;flex-direction:column;gap:3rem;max-width:500px;margin:auto;padding:4rem 3rem;animation:10s linear infinite rotate-border;display:flex;position:relative}@keyframes rotate-border{0%{--angle:-225deg;--color:#4f46e5cc}25%{--angle:-135deg;--color:#4f46e5cc}35%{--color:#4f46e54d}45%{--color:#4f46e54d}50%{--angle:-45deg;--color:#4f46e566}60%{--color:#4f46e580}75%{--angle:45deg;--color:#4f46e580}90%{--color:#4f46e54d}to{--angle:135deg;--color:#4f46e5cc}}.inner-form p{margin-top:.5rem;font-size:14px}.input-con{flex-direction:column;gap:.5rem;width:100%;display:flex;position:relative}.input-con label{color:var(--extra-light);pointer-events:none;transform-origin:0 0;padding:0 .5rem;font-size:1rem;transition:all .25s;position:absolute;top:0;left:0;transform:translateY(.5rem)}.input-con input:not(:placeholder-shown)+label,.input-con textarea:not(:placeholder-shown)+label,.input-con:focus-within label{transform:translateY(-100%)scale(.9)}.inner-form input,.inner-form textarea{color:#fff;border-bottom:2px solid var(--border);background:0 0;outline:none;width:100%;padding:.5rem;transition:all .2s}.inner-form input:focus,.inner-form textarea:focus{border-color:var(--extra-light)}.inner-form textarea{padding:.75rem .5rem;scroll-padding-bottom:.75rem}.inner-form input::placeholder,.inner-form textarea::placeholder{color:#bbb;visibility:hidden;opacity:0}.inner-form button{background:var(--primary-color-dark);color:var(--extra-light);box-shadow:0 10px 15px -3px rgba(var(--primary-color-dark-rgb),.5),0 4px 6px -4px rgba(var(--primary-color-dark-rgb),.5);border:none;border-radius:4px;align-self:center;margin-top:2rem;padding:.75rem 1.8rem;font-weight:600;transition:all .2s}.inner-form button:hover,.inner-form button:focus{box-shadow:0 15px 25px -5px rgba(var(--primary-color-rgb),.5),0 6px 10px -6px rgba(var(--primary-color-rgb),.5);background:var(--primary-color)}.inner-form button:active{transition:all .1s;transform:scale(.95)}@media screen and (max-width:764px){.inner-form{background:linear-gradient(180deg,#00000080,#0000004d)padding-box,linear-gradient(var(--angle),var(--color),transparent 25%)border-box}#contact img,.contact-overlay{aspect-ratio:.7}input::placeholder,textarea::placeholder{font-size:14px}#contact{padding-top:15rem}.inner-form{padding:4rem 2rem}}