#app{display:flex;align-items:center;justify-content:center;padding:40px;width:100%;height:100vh;background:linear-gradient(338deg,var(--purple-light) 35%,var(--purple) 35%,var(--purple) 65%,var(--purple-light) 65%)}main{display:flex;overflow:hidden;border-radius:12px;box-shadow:3px 3px 25px 6px rgba(0,0,0,.2)}.home{width:100%;max-width:1200px}.form{display:flex;flex-direction:column;row-gap:40px;flex:1;padding:60px;background:#fff}.form h1{display:flex;align-items:center;justify-content:space-between;font-size:24px}.form h1 svg{width:30px;height:30px}.form__inputs{display:grid;grid-template-columns:1fr 1fr;gap:32px}label{display:flex;flex-direction:column;row-gap:8px;font-size:14px;letter-spacing:-.3px;font-weight:600;color:var(--silver);position:relative;border:0;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1)}label::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:right;transition:transform .4s}input{font-size:18px;border:0;outline:0;background:0 0}input::placeholder{color:var(--silver)}label.active::after,label:focus-within::after{transform:scaleX(1);transform-origin:left}label.active,label:focus-within{color:var(--purple)}label:last-child{grid-column:1/3}.form button{display:flex;align-items:center;justify-content:center;column-gap:8px;font-size:20px;font-weight:600;color:var(--white);align-self:center;width:400px;height:50px;background:var(--purple);border-radius:6px;border:0;transition:all .4s}.form button:hover{background:#6e4ca1}.form button svg{width:20px;height:20px}@media(max-width:1150px){.form{padding:40px}.form h1{font-size:22px}}@media(max-width:1000px){.form__inputs{display:flex;flex-direction:column;gap:24px}.form button{width:300px}}@media(max-width:500px){.form{padding:24px}}.contact{display:flex;flex-direction:column;justify-content:space-between;padding:60px;color:var(--white);background:var(--text)}.contact h1{font-size:24px}.contact__info{display:flex;flex-direction:column;row-gap:40px}.contact__info>div{display:flex;align-items:center;column-gap:20px}.contact__info svg{width:24px;height:24px}.contact__info svg path{fill:var(--silver)}.contact__socials{display:flex;align-items:center;column-gap:32px}.contact__socials svg{width:32px;height:32px;transition:transform .4s}.contact__socials a:hover svg{transform:scale(1.2)}@media(max-width:1150px){.contact{padding:40px}.contact h1{font-size:22px}}@media(max-width:850px){.contact{display:none}}.success{flex-direction:column;align-items:center;background:#fff;padding:0 100px}.success video{margin-left:3px}.success h1{font-size:40px;line-height:48px;text-align:center;height:0;overflow:hidden;animation:identifier 1s forwards;animation-delay:2s}@keyframes identifier{0%{height:0}100%{height:96px;margin-bottom:60px}}*{padding:0;margin:0;box-sizing:border-box}:root{--text:#3e3e3e;--white:#F6F8FF;--purple:#4d386d;--purple-light:#674394;--silver:#6e6e6e}a,body,button,input{color:var(--text);font:400 1rem "Open Sans",sans-serif}a{text-decoration:none}button:hover{cursor:pointer}