:root{--primary:#e7443d;--secondary:#f3f1f2;--tertiary:#0bd1d1;--secondary-shadow:#020c1b29;--slate:#53627d;--light-slate:#41506b;--lightest-slate:#1d2433;--white:#fff;--surface-elevated:#fff;--surface-subtle:#eef2f8;--tag-accent:#ea4335;--primary-soft:#5481ea1f}[data-theme=dark]{--primary:#0bd1d1;--secondary:#1d1d1d;--tertiary:#e7443d;--secondary-shadow:#020c1bb3;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#fff;--surface-elevated:#112240;--surface-subtle:#1e2d46;--tag-accent:#0bd1d1;--primary-soft:#ffd7001f}.contact{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;animation:1s forwards fadeIn;display:flex}.contact__container{width:100%;max-width:560px;position:relative}.contact__description{color:var(--lightest-slate);margin-top:2.4rem;font-size:1.4rem;line-height:1.8;position:relative}.contact__description:before{content:"<p>";color:var(--primary);opacity:.65;font-family:La Belle Aurore,cursive;font-size:1.6rem;position:absolute;top:-2.2rem;left:0}.contact__description:after{content:"</p>";color:var(--primary);opacity:.65;font-family:La Belle Aurore,cursive;font-size:1.6rem;animation:1s 1.7s backwards fadeIn}textarea{resize:none;min-height:12rem}.form{margin-top:3.2rem;position:relative}.form:before{content:"<form>";color:var(--primary);opacity:.65;font-family:La Belle Aurore,cursive;font-size:1.6rem;position:absolute;top:-2.2rem;left:0}.form:after{content:"</form>";color:var(--primary);opacity:.65;font-family:La Belle Aurore,cursive;font-size:1.6rem;animation:1s 1.7s backwards fadeIn}.form__group{position:relative}.form__group:not(:last-child){margin-bottom:1.8rem}.form__input{color:var(--lightest-slate);box-sizing:border-box;background-color:#112240;border:1.5px solid #64ffda1a;border-radius:50px;width:100%;padding:1.4rem 2rem;font-family:inherit;font-size:1.4rem;transition:all .3s ease-in-out;display:block;box-shadow:inset 0 2px 8px #0003}.form__input:focus{border-color:var(--primary);background-color:#152c4e;outline:none;box-shadow:0 0 0 4px #64ffda14,inset 0 2px 8px #0003}.form__input::placeholder{color:#8892b080}.form textarea.form__input{border-radius:20px}.form__label{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;margin-top:.6rem;margin-left:2rem;font-size:1.1rem;font-weight:600;transition:all .3s ease-in-out;display:block}.form__input:placeholder-shown+.form__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.intro__button{margin-top:.8rem;border-radius:50px!important}
