body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:#f5f5f5}.container{max-width:600px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}h1{text-align:center;color:#333}.input-group{margin-bottom:20px}label{display:block;margin-bottom:5px;color:#555}input[type=text],input[type=password]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#45a049}.result-container{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:4px}.token-container{display:flex;gap:10px}#tokenResult{flex-grow:1;background-color:#f8f8f8}#copyButton{background-color:#2196f3}#copyButton:hover{background-color:#1976d2}.security-notice{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:15px;margin-bottom:20px}.security-notice .warning{color:#856404;font-weight:700;margin-top:0}.security-notice p{margin:8px 0}.security-notice ol{margin:8px 0;padding-left:20px}.security-notice a{color:#0366d6;text-decoration:none}.security-notice a:hover{text-decoration:underline}