*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Helvetica Neue',Arial,sans-serif;background:#f0f4f8;min-height:100vh;display:flex;align-items:center;justify-content:center}.wrap{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12);padding:40px 32px;width:100%;max-width:380px}.logo{text-align:center;margin-bottom:24px}.logo img{max-height:100px;max-width:240px;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}.logo .nm{font-size:22px;font-weight:800;color:#1a3c5e}h2{text-align:center;font-size:20px;color:#1a3c5e;margin-bottom:24px}.f{margin-bottom:16px}.f label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.f input{width:100%;padding:12px 14px;border:1.5px solid #dde3ea;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}.f input:focus{border-color:#1a3c5e}.btn{width:100%;padding:14px;background:#1a3c5e;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px}.btn:hover{background:#2563eb}.err{background:#fee2e2;color:#991b1b;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px;text-align:center}