*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#15090d;color:#fff9f0;font-family:Arial,sans-serif;padding:24px}main{max-width:460px;width:100%;padding:40px;border:1px solid #704633;background:linear-gradient(145deg,#381018,#180c10);border-radius:20px;box-shadow:0 24px 90px #0006}.brand{font-size:12px;letter-spacing:.19em;color:#e6bd74;text-transform:uppercase}.line{height:3px;width:56px;background:#dca743;margin:24px 0}h1{font-family:Georgia,serif;font-size:36px;line-height:1.08;margin:0 0 20px}p{color:#d7c5bf;line-height:1.6}label{display:block;font-size:14px;margin-top:26px}input,button{width:100%;padding:15px;border-radius:8px;font-size:16px;margin-top:10px}input{border:1px solid #947263;background:#12080b;color:#fff}input:focus,button:focus-visible{outline:3px solid #e2ba73;outline-offset:3px}button{border:0;background:#e0b565;color:#21110a;font-weight:700;cursor:pointer}small{display:block;margin-top:26px;color:#c0aaa2;line-height:1.5}.error{color:#ffd4cf;border-left:3px solid #e99e90;padding-left:12px}@media(max-width:480px){main{padding:28px}}