*{box-sizing:border-box}body{font:16px/1.5 system-ui,sans-serif;background:#f5f5f7;color:#172033;margin:0}main{max-width:850px;margin:35px auto;padding:28px;background:white;border-radius:24px}header{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;color:#64748b}h1{letter-spacing:-1px;font-size:32px}h2{margin-top:35px}label{display:block;font-weight:600;margin:15px 0 6px}input,select,button,textarea{font:inherit;padding:13px;border-radius:12px;border:1px solid #cbd5e1;max-width:100%}input,textarea,select{width:100%}button{background:#172033;color:white;cursor:pointer;margin:12px 0}a{color:#334155}form{margin:15px 0}.notice{background:#edf3f8;padding:16px;border-radius:12px}.error{background:#fff0ee;color:#9f2a21;padding:16px;border-radius:12px}.row{border-top:1px solid #e2e8f0;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.row form{margin:0}.row button{margin:0}.key{overflow-wrap:anywhere;font-family:monospace;background:#f1f5f9;padding:15px;border-radius:10px}small{color:#64748b}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}@media(max-width:600px){main{margin:12px;padding:20px}.row{display:block}}