*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;font-family:system-ui,sans-serif;background:#fff7e6;color:#222}.card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 8px 30px #00000014;text-align:center}.card.wide{max-width:760px;text-align:left}.logo{display:block;width:100%;max-width:280px;margin:0 auto 16px;border-radius:12px}.wide .logo{max-width:160px;margin:0 0 16px}h1{margin:0 0 8px;font-size:1.6rem}form{display:flex;flex-direction:column;gap:12px;margin-top:16px}form.row{flex-direction:row;flex-wrap:wrap}form.row input{flex:1 1 240px}form.row input.code{flex:0 1 140px}input{font-size:1.1rem;padding:12px 14px;border:2px solid #ddd;border-radius:10px;min-width:0}input:focus{outline:none;border-color:#ff8a00}button,.btn{font-size:1rem;font-weight:600;padding:12px 18px;border:0;border-radius:10px;background:#ff8a00;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:#555;padding:6px 10px}button.danger{color:#c62828}table{width:100%;border-collapse:collapse;margin:16px 0}td{padding:8px 6px;border-top:1px solid #eee;vertical-align:middle}td.code{font-weight:600;white-space:nowrap}td.url{word-break:break-all;font-size:.9rem;color:#555}.hint{font-size:.85rem;color:#777;margin:6px 0 0}.error{color:#c62828;margin-top:12px}