*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Arial,sans-serif;background:linear-gradient(white,#D3D8E8);display:flex;justify-content:center;align-items:center;min-height:100vh}.container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;width:396px}.logo{text-align:center;margin-bottom:16px}input{width:100%;padding:14px;font-size:17px;border:1px solid #dddfe2;border-radius:6px;margin-bottom:12px}input:focus{border-color:#1877f2;outline:none}button{width:100%;background:#1877f2;color:#fff;font-size:20px;font-weight:bold;border:none;border-radius:6px;padding:14px;cursor:pointer}