*{box-sizing:border-box;margin:0;padding:0}:root{--plum-dark:#6b143a;--pink-yarn:#cc3b7c;--pink-yarn-hover:#6a1e40;--lilac-lace:#bf89b6;--bg-color:#fdf7fc;--form-bg:#fff;--text-color:#4a2c40;--border-color:#e3d1df}body{background-color:var(--bg-color)}.form-logo{border-radius:50%;width:110px;height:auto;margin:0 auto 1.5rem;transition:transform .3s;display:block;box-shadow:0 4px 15px #bf89b666}.form-logo:hover{transform:scale(1.05)}.register-form{background-color:var(--form-bg);width:100%;color:var(--text-color);border-radius:24px;flex-direction:column;padding:2rem 1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;box-shadow:0 4px 20px #bf89b626}.register-form h2{text-align:center;color:var(--plum-dark);margin-bottom:2rem;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:400}.register-form label{color:var(--text-color);margin-bottom:.4rem;font-size:.9rem;font-weight:600}.register-form input{border:1.5px solid var(--border-color);color:#333;background-color:#faf7f9;border-radius:12px;width:100%;margin-bottom:1.25rem;padding:1rem;font-size:1rem;transition:all .3s}.register-form input:focus{border-color:var(--lilac-lace);background-color:#fff;outline:none;box-shadow:0 0 0 3px #bf89b640}.register-form button{background-color:var(--pink-yarn);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1.1rem;font-size:1.1rem;font-weight:700;transition:background-color .3s,transform .1s;box-shadow:0 4px 12px #cc3b7c4d}.register-form button:hover{background-color:var(--pink-yarn-hover)}.register-form button:active{transform:scale(.97)}@media (width>=768px){.form-logo{width:140px;margin-bottom:2rem}.register-form{border:1px solid var(--border-color);max-width:420px;margin:4rem auto;padding:3rem 2.5rem;box-shadow:0 10px 30px #bf89b633}.register-form h2{font-size:2rem}}