*{box-sizing:border-box}body{margin:0;background:#f4f4f4;color:#222;font-family:Arial,Helvetica,sans-serif}.topbar{height:8px;background:#ff5f00}.wrap{max-width:760px;margin:55px auto;padding:0 20px}.card{background:#fff;border-radius:8px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand h1{font-size:25px;margin:0}.badge{background:#ff5f00;color:#111;font-weight:700;padding:9px 12px;border-radius:4px}label{display:block;font-weight:700;margin:18px 0 7px}input,select{width:100%;padding:12px 13px;border:1px solid #bbb;border-radius:4px;font-size:16px}input:focus,select:focus{outline:2px solid #ff5f00;border-color:#ff5f00}button{display:inline-block;margin-top:24px;background:#ff5f00;color:#111;border:0;border-radius:4px;padding:13px 20px;font-size:16px;font-weight:700;cursor:pointer}.error{background:#fff0f0;border-left:4px solid #c62828;padding:12px 14px;margin:15px 0}.success{background:#f2f8f2;border-left:4px solid #2e7d32;padding:14px;margin:18px 0}.note{color:#666;font-size:14px;line-height:1.5}.row{display:grid;grid-template-columns:1fr 180px;gap:16px}.logout{font-size:14px}.result{margin-top:25px;border-top:1px solid #ddd;padding-top:18px}.result dl{display:grid;grid-template-columns:180px 1fr;gap:10px;margin:0}.result dt{font-weight:700}.result dd{margin:0;word-break:break-word}@media(max-width:600px){.wrap{margin:25px auto}.card{padding:22px}.row{grid-template-columns:1fr}.result dl{grid-template-columns:1fr;gap:4px}.result dd{margin-bottom:10px}}