.login{max-width:420px;margin:4rem auto;padding:2.25rem 2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;text-align:center}.login h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.login p{margin:0 0 1.75rem;color:#555;line-height:1.45;font-size:.95rem}.login form{display:flex;flex-direction:column;gap:1rem}.login input[type=email]{width:100%;padding:.55rem .65rem;font:inherit;font-size:1rem;text-align:center;border:1px solid #ccc;border-radius:6px;outline:none}.login input[type=email]:focus{border-color:#999;box-shadow:none}.login input[type=email]:disabled{background:#f5f5f5;color:#666}.login button{background:none;border:none;padding:.5rem 0;font:inherit;font-size:1rem;font-weight:600;color:#000;cursor:pointer;transition:opacity .15s ease}.login button:hover:not(:disabled){opacity:.65}.login button:disabled{opacity:.4;cursor:default}.login--sent:before{content:"\2709\fe0f";display:block;font-size:3rem;margin-bottom:1rem}.login--sent h1{font-size:1.4rem}@media (max-width: 480px){.login{margin:2rem 1rem;padding:2rem 1.5rem}}