@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Jost:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f4ef;justify-content:center;align-items:center;min-height:100vh;font-family:Jost,sans-serif;display:flex}.wrapper{background:#fff;border:1px solid #e8e2d9;border-radius:4px;flex-direction:column;align-items:center;width:340px;padding:3rem 2.5rem;display:flex;position:relative}.wrapper:before{content:"";z-index:-1;background:#e8e2d9;border-radius:4px;position:absolute;inset:12px -12px -12px 12px}.wrapper h1{color:#1a1714;margin-bottom:.2rem;font-family:Cormorant Garamond,serif;font-size:1.9rem;font-weight:300}.tagline{letter-spacing:.18em;text-transform:uppercase;color:#b5a99a;margin-bottom:2rem;font-size:.72rem}.input-line-wrap{width:100%;margin-bottom:1.75rem;position:relative}.wrapper input{color:#1a1714;background:0 0;border:none;border-bottom:1.5px solid #d4ccc3;outline:none;width:100%;padding:.6rem 0;font-family:Jost,sans-serif;font-size:.95rem;font-weight:300}.wrapper input::placeholder{color:#c5bdb4}.wrapper input:focus{border-bottom-color:#8b7355}.input-bar{background:#8b7355;width:0;height:1.5px;transition:width .3s;position:absolute;bottom:0;left:0}.wrapper input:focus~.input-bar{width:100%}.wrapper button{color:#f7f4ef;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#1a1714;border:none;border-radius:2px;width:100%;padding:.8rem;font-family:Jost,sans-serif;font-size:.78rem;font-weight:500;transition:background .2s,transform .15s}.wrapper button:hover{background:#2e2a25;transform:translateY(-1px)}