*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#2c3e50;font-family:Arial,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(520px,100%);background:#fff;border:1px solid #dfe4e8;border-radius:8px;padding:34px;box-shadow:0 8px 28px #00000012}h1{font-size:21px;margin:0}.sub{color:#6c757d;margin:5px 0 28px}label{display:block;font-weight:600;margin:16px 0 7px}.row{display:flex;gap:8px}input{flex:1;min-width:0;height:42px;border:1px solid #ced4da;border-radius:4px;padding:0 12px;font-size:16px}.show{background:#fff;border:1px solid #ced4da;border-radius:4px;padding:0 12px}.primary{width:100%;height:44px;margin-top:20px;border:0;border-radius:4px;background:#2c3e50;color:#fff;font-weight:700}.primary:disabled{opacity:.65}small{display:block;color:#6c757d;margin-top:8px}.msg{padding:11px;margin-top:16px;border-radius:4px}.error{background:#f8d7da;color:#842029}.center{text-align:center;padding:18px 0}.icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:28px;font-weight:bold}.ok{background:#d1e7dd;color:#0f5132}.bad{background:#f8d7da;color:#842029}footer{border-top:1px solid #eee;margin-top:28px;padding-top:18px;text-align:center;color:#8a939b;font-size:12px}.hidden{display:none!important}